#2D5A5C Color

Color Information

HEX#2D5A5C
RGB45, 90, 92
HSL183° , 34% , 27%
HSV183° , 51% , 36%
CMYK51%, 2%, 0%, 64%

Lighter Shades

#466E70 #5F8283 #799597 #92A9AA #ABBDBE #C4D1D1

Darker Shades

#284F51 #224446 #1D3A3B #172F30 #122425 #0D191A

Complementary Palette

#274D4F #2D5A5C #4F2927 #5C302D #734D4A #4A7173

Analogous Palette

#364941 #3B4F46 #2A5556 #2D5A5C #3B444F #485361

Triadic Palette

#284F51 #2D5A5C #632760 #764173 #606327 #545722

Split Complementary Palette

#295153 #2D5A5C #5C2D43 #6C4256 #5C472D #534029

Square Palette

#264C4D #2D5A5C #473455 #553734 #435C2D #61764F

Tetradic Palette

#254A4B #2D5A5C #262169 #5C302D #656921 #818449

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5A5C contains 45 red, 90 green, and 92 blue.

Contrast Ratio: 7.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.69:1