#445A69 Color

Color Information

HEX#445A69
RGB68, 90, 105
HSL204° , 21% , 34%
HSV204° , 35% , 41%
CMYK35%, 14%, 0%, 59%

Lighter Shades

#5A6E7B #71828D #87959F #9EA9B1 #B4BDC3 #CBD1D5

Darker Shades

#3C4F5C #344450 #2C3A43 #232F37 #1B242A #13191D

Complementary Palette

#3A4D5A #445A69 #5A473A #695344 #7E6B5E #5E717E

Analogous Palette

#435B58 #4A6461 #405563 #445A69 #4A4C64 #555872

Triadic Palette

#3C4F5C #445A69 #723C5C #835370 #5C723C #516435

Split Complementary Palette

#3D515F #445A69 #694448 #78575A #696544 #5F5B3D

Square Palette

#394C58 #445A69 #614A64 #64544A #486944 #658162

Tetradic Palette

#384A56 #445A69 #503579 #695344 #5D7935 #7A9159

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #445A69 contains 68 red, 90 green, and 105 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.88:1