#145799 Color

Color Information

HEX#145799
RGB20, 87, 153
HSL210° , 77% , 34%
HSV210° , 87% , 60%
CMYK87%, 43%, 0%, 40%

Lighter Shades

#306BA5 #4C7FB1 #6993BE #85A8CA #A1BCD6 #BDD0E2

Darker Shades

#124D87 #0F4274 #0D3862 #0A2D50 #08233D #06182B

Complementary Palette

#114B84 #145799 #844B11 #995714 #A76F35 #356FA7

Analogous Palette

#227C7C #258888 #135290 #145799 #252588 #3B3B8C

Triadic Palette

#124D87 #145799 #A20B57 #AD286B #57A20B #4D8F0A

Split Complementary Palette

#124E8A #145799 #991414 #A32C2C #999914 #8A8A12

Square Palette

#114981 #145799 #911D91 #91571D #149914 #3AA93A

Tetradic Palette

#10477D #145799 #5704A9 #995714 #57A904 #75B831

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #145799 contains 20 red, 87 green, and 153 blue.

Contrast Ratio: 7.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.83:1