#149FA9 Color

Color Information

HEX#149FA9
RGB20, 159, 169
HSL184° , 79% , 37%
HSV184° , 88% , 66%
CMYK88%, 6%, 0%, 34%

Lighter Shades

#30ABB3 #4CB6BE #69C2C8 #85CDD2 #A1D9DD #BDE4E7

Darker Shades

#128C95 #0F7980 #0D666C #0A5358 #084044 #062D2F

Complementary Palette

#118991 #149FA9 #911A11 #A91E14 #B53E35 #35ACB5

Analogous Palette

#248A5E #279666 #13959F #149FA9 #275796 #3C659A

Triadic Palette

#128C95 #149FA9 #B20AA7 #BB27B2 #A7B20A #939D09

Split Complementary Palette

#128F98 #149FA9 #A91454 #B22C65 #A96814 #985E12

Square Palette

#11868E #149FA9 #671D9F #9F261D #54A914 #6FB73A

Tetradic Palette

#10828B #149FA9 #0F03BA #A91E14 #AEBA03 #BDC630

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #149FA9 contains 20 red, 159 green, and 169 blue.

Contrast Ratio: 3.15:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.66:1