#2D586D Color

Color Information

HEX	#2D586D
RGB	45, 88, 109
HSL	200° , 42% , 30%
HSV	200° , 59% , 43%
CMYK	59%, 19%, 0%, 57%

Lighter Shades

#466C7F #5F8090 #7994A2 #92A8B3 #ABBCC5 #C4D0D6

Darker Shades

#284D60 #224353 #1D3846 #172E39 #12232C #0D191F

Complementary Palette

#274C5E #2D586D #5E3926 #6D422C #815C4A #4A6F81

Analogous Palette

#35554F #3C5D58 #2A5366 #2D586D #3C415D #4E536A

Triadic Palette

#284D60 #2D586D #74255A #853F6E #5A7425 #4F6621

Split Complementary Palette

#294F62 #2D586D #6D2C37 #7C414B #6D622C #625828

Square Palette

#264A5C #2D586D #5D3465 #654434 #376D2C #57844E

Tetradic Palette

#254859 #2D586D #3D1F7A #6D422C #5C7A1F #799247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D586D contains 45 red, 88 green, and 109 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