#145F6A Color

Color Information

HEX#145F6A
RGB20, 95, 106
HSL188° , 68% , 25%
HSV188° , 81% , 42%
CMYK81%, 10%, 0%, 58%

Lighter Shades

#30727C #4C858E #6999A0 #85ACB2 #A1BFC3 #BDD2D5

Darker Shades

#12545D #0F4851 #0D3D44 #0A3137 #08262A #061B1E

Complementary Palette

#11525B #145F6A #5C1C11 #6B2014 #803F35 #35757F

Analogous Palette

#1E5742 #215F48 #135964 #145F6A #21375F #374968

Triadic Palette

#12545D #145F6A #720D65 #832A77 #65720D #59640B

Split Complementary Palette

#12565F #145F6A #6B1434 #7A2C48 #6B4B14 #604412

Square Palette

#115059 #145F6A #4A1A65 #65241A #346B14 #54833A

Tetradic Palette

#104E57 #145F6A #170877 #6B2014 #687708 #838F34

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #145F6A contains 20 red, 95 green, and 106 blue.

Contrast Ratio: 7.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1