#145F84 Color

Color Information

HEX	#145F84
RGB	20, 95, 132
HSL	200° , 74% , 30%
HSV	200° , 85% , 52%
CMYK	85%, 28%, 0%, 48%

Lighter Shades

#307293 #4C85A2 #6999B0 #85ACBF #A1BFCE #BDD2DD

Darker Shades

#125474 #0F4864 #0D3D54 #0A3145 #082635 #061B25

Complementary Palette

#115272 #145F84 #723211 #853A14 #965635 #357595

Analogous Palette

#206A5E #237668 #13597C #145F84 #233176 #3A457E

Triadic Palette

#125474 #145F84 #8D0C62 #9B2975 #628D0C #567C0B

Split Complementary Palette

#125677 #145F84 #851427 #912C3D #857214 #786712

Square Palette

#11506F #145F84 #6D1C7D #7D3C1C #278514 #4A993A

Tetradic Palette

#104E6C #145F84 #350693 #853A14 #649306 #80A633

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #145F84 contains 20 red, 95 green, and 132 blue.

Contrast Ratio: 7.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.98:1