#80AFC5

#80AFC5

Color Values

HEX

#80AFC5

RGB

128, 175, 197

HSL

199.1, 37.3%, 63.7%

HSV

199.1, 35.0%, 77.3%

CMYK

35.0%, 11.2%, 0.0%, 22.7%

OKLCH

0.7283 0.0593 228.5

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#80AFC5

#C59680

Analogous

#80C5B8

#808CC5

#80AFC5

Triadic

#80AFC5

#C580AF

#AFC580

Split Complementary

#80AFC5

#C5808C

#C5B880

Tetradic

#80AFC5

#B880C5

#C59680

#8CC580

Color Blindness Simulation

Original

#80AFC5

Protanopia

#9495C0

Deuteranopia

#928EBE

Tritanopia

#82BBBB

Achromatopsia

#A7A7A7

CSS Usage

background-color: #80AFC5;
color: #80AFC5;
border-color: #80AFC5;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CEE0E9
300
#ABCAD9
400
#7DADC4
500
#5091AF
600
#40748C
700
#335D70
800
#284858
900
#203641
950
#142229

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

8.86:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026