#2E788E Color

Color Information

HEX	#2E788E
RGB	46, 120, 142
HSL	194° , 51% , 37%
HSV	194° , 68% , 56%
CMYK	68%, 15%, 0%, 44%

Lighter Shades

#47889C #6098A9 #79A9B7 #92B9C4 #ABC9D2 #C4D9DF

Darker Shades

#286A7D #235B6C #1D4D5B #183E4A #123039 #0D2228

Complementary Palette

#28677A #2E788E #7A3B28 #8E452E #9E5F4B #4B8B9E

Analogous Palette

#3C7263 #417C6C #2B7185 #2E788E #41517C #556182

Triadic Palette

#286A7D #2E788E #98257D #A43F8D #7D9825 #6E8621

Split Complementary Palette

#296C80 #2E788E #8E2E48 #99435A #8E752E #806929

Square Palette

#276577 #2E788E #703885 #854A38 #488E2E #65A04F

Tetradic Palette

#266274 #2E788E #3C1D9F #8E452E #819F1D #98B046

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E788E contains 46 red, 120 green, and 142 blue.

Contrast Ratio: 4.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.22:1