#45536F Color

Color Information

HEX#45536F
RGB69, 83, 111
HSL220° , 23% , 35%
HSV220° , 38% , 44%
CMYK38%, 25%, 0%, 56%

Lighter Shades

#5B6880 #727C92 #8891A3 #9EA6B4 #B5BAC5 #CBCFD7

Darker Shades

#3D4962 #343F54 #2C3547 #242B3A #1C212C #13171F

Complementary Palette

#3B475F #45536F #5F533B #6E6045 #82765F #5F6B83

Analogous Palette

#455A5E #4C6267 #414E68 #45536F #504C67 #5B5775

Triadic Palette

#3D4962 #45536F #773C4E #875363 #4E773C #456935

Split Complementary Palette

#3E4B64 #45536F #6E4C45 #7D5E58 #676E45 #5D633E

Square Palette

#3A465D #45536F #674C62 #675E4C #456E4C #638569

Tetradic Palette

#39445B #45536F #65357E #6E6045 #4C7E35 #6C9559

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #45536F contains 69 red, 83 green, and 111 blue.

Contrast Ratio: 7.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.68:1