#45536D Color

Color Information

HEX	#45536D
RGB	69, 83, 109
HSL	219° , 22% , 35%
HSV	219° , 37% , 43%
CMYK	37%, 24%, 0%, 57%

Lighter Shades

#5B687F #727C90 #8891A2 #9EA6B3 #B5BAC5 #CBCFD6

Darker Shades

#3D4960 #343F53 #2C3546 #242B39 #1C212C #13171F

Complementary Palette

#3B475E #45536D #5E523C #6D5F46 #817560 #5F6B81

Analogous Palette

#455B5E #4C6367 #414E66 #45536D #504C67 #5B5775

Triadic Palette

#3D4960 #45536D #763D50 #865465 #50763D #466836

Split Complementary Palette

#3E4B62 #45536D #6D4C46 #7C5E59 #676D46 #5D623F

Square Palette

#3A465C #45536D #674C63 #675D4C #466D4C #648469

Tetradic Palette

#394459 #45536D #63367D #6D5F46 #4D7D36 #6D945A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #45536D contains 69 red, 83 green, and 109 blue.

Contrast Ratio: 7.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.67:1