#2D799F Color

Color Information

HEX	#2D799F
RGB	45, 121, 159
HSL	200° , 56% , 40%
HSV	200° , 72% , 62%
CMYK	72%, 24%, 0%, 38%

Lighter Shades

#4689AB #5F99B6 #79A9C2 #92B9CD #ABC9D9 #C4D9E4

Darker Shades

#286A8C #225C79 #1D4D66 #173F53 #123040 #0D222D

Complementary Palette

#276889 #2D799F #894727 #9F532D #AC6B4A #4A8CAC

Analogous Palette

#3C8075 #418B7E #2A7295 #2D799F #414E8B #555F91

Triadic Palette

#286A8C #2D799F #A9237C #B33D8C #7CA923 #6D951F

Split Complementary Palette

#296D8F #2D799F #9F2D40 #A94253 #9F8C2D #8F7E29

Square Palette

#266686 #2D799F #853795 #955637 #409F2D #5FAE4F

Tetradic Palette

#256382 #2D799F #4D1BB1 #9F532D #7FB11B #96BF44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D799F contains 45 red, 121 green, and 159 blue.

Contrast Ratio: 4.8:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 4.38:1