#2E6A66 Color

Color Information

HEX	#2E6A66
RGB	46, 106, 102
HSL	176° , 39% , 30%
HSV	176° , 57% , 42%
CMYK	57%, 0%, 4%, 58%

Lighter Shades

#477C78 #608E8B #79A09D #92B2AF #ABC3C2 #C4D5D4

Darker Shades

#285D5A #23514E #1D4441 #183735 #122A29 #0D1E1D

Complementary Palette

#285B58 #2E6A66 #5B282C #6A2F33 #7F4C50 #4B7F7B

Analogous Palette

#3A5546 #3E5B4B #2B6460 #2E6A66 #3E4E5B #4E5D6A

Triadic Palette

#285D5A #2E6A66 #6D2772 #7F4183 #726D27 #646022

Split Complementary Palette

#295F5C #2E6A66 #6A2F50 #794462 #6A492F #5F422A

Square Palette

#275956 #2E6A66 #4A3663 #633639 #506A2F #6C8250

Tetradic Palette

#265754 #2E6A66 #212778 #6A2F33 #787221 #908B49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E6A66 contains 46 red, 106 green, and 102 blue.

Contrast Ratio: 6.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.36:1