#445685 Color

Color Information

HEX#445685
RGB68, 86, 133
HSL223° , 32% , 39%
HSV223° , 49% , 52%
CMYK49%, 35%, 0%, 48%

Lighter Shades

#5A6A94 #717FA2 #8793B1 #9EA7C0 #B4BBCE #CBD0DD

Darker Shades

#3C4C75 #344165 #2C3755 #232D45 #1B2235 #131825

Complementary Palette

#3A4A72 #445685 #71613A #837144 #94855E #5E6E96

Analogous Palette

#4E646A #556C72 #40517D #445685 #5A5572 #665F81

Triadic Palette

#3C4C75 #445685 #8D3A51 #9B5266 #518D3A #477C33

Split Complementary Palette

#3D4D78 #445685 #835144 #8F6257 #758344 #69763D

Square Palette

#394870 #445685 #794E70 #796D4E #448351 #62976D

Tetradic Palette

#38476D #445685 #793295 #837144 #4E9532 #6EA857

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #445685 contains 68 red, 86 green, and 133 blue.

Contrast Ratio: 7.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1