#2E6669 Color

Color Information

HEX#2E6669
RGB46, 102, 105
HSL183° , 39% , 30%
HSV183° , 56% , 41%
CMYK56%, 3%, 0%, 59%

Lighter Shades

#47787B #608B8D #799D9F #92AFB1 #ABC2C3 #C4D4D5

Darker Shades

#285A5C #234E50 #1D4143 #183537 #12292A #0D1D1D

Complementary Palette

#28585A #2E6669 #5B2B28 #6A322F #7F4F4C #4B7B7E

Analogous Palette

#3A5549 #3E5B4E #2B6063 #2E6669 #3E4B5B #4E5A6A

Triadic Palette

#285A5C #2E6669 #72276E #83417F #6E7227 #616422

Split Complementary Palette

#295C5F #2E6669 #6A2F4A #79445C #6A4F2F #5F472A

Square Palette

#275658 #2E6669 #4F3663 #633936 #4A6A2F #678250

Tetradic Palette

#265456 #2E6669 #252178 #6A322F #747821 #8D9049

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E6669 contains 46 red, 102 green, and 105 blue.

Contrast Ratio: 6.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.21:1