#80A4C2 Color

Color Information

HEX	#80A4C2
RGB	128, 164, 194
HSL	207° , 35% , 63%
HSV	207° , 34% , 76%
CMYK	34%, 15%, 0%, 24%

Lighter Shades

#8FAFC9 #9EBAD1 #AEC5D8 #BDD0DF #CCDBE7 #DBE6EE

Darker Shades

#7190AB #617D93 #52697C #435565 #33424E #242E36

Complementary Palette

#6E8DA7 #80A4C2 #A7876E #C29D80 #CBAB92 #92B1CB

Analogous Palette

#84A4A2 #92AFAD #789AB6 #80A4C2 #9294AF #9B9DB5

Triadic Palette

#7190AB #80A4C2 #CB76A5 #D186B0 #A5CB76 #91B368

Split Complementary Palette

#7394AF #80A4C2 #C28083 #C88D8F #C2BE80 #AFAB73

Square Palette

#6C8AA3 #80A4C2 #B589B8 #B89E89 #83C280 #97CC94

Tetradic Palette

#69869F #80A4C2 #9A6FD3 #C29D80 #A6D36F #B6DB89

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #80A4C2 contains 128 red, 164 green, and 194 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.14:1