#80D1F3

#80D1F3

Color Values

HEX

#80D1F3

RGB

128, 209, 243

HSL

197.7, 82.7%, 72.7%

HSV

197.7, 47.3%, 95.3%

CMYK

47.3%, 14.0%, 0.0%, 4.7%

OKLCH

0.821 0.0926 226.8

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#80D1F3

#F3A280

Analogous

#80F3DB

#8097F3

#80D1F3

Triadic

#80D1F3

#F380D1

#D1F380

Split Complementary

#80D1F3

#F38097

#F3DB80

Tetradic

#80D1F3

#DB80F3

#F3A280

#97F380

Color Blindness Simulation

Original

#80D1F3

Protanopia

#A3A4EB

Deuteranopia

#9E98E9

Tritanopia

#84E4E3

Achromatopsia

#C2C2C2

CSS Usage

background-color: #80D1F3;
color: #80D1F3;
border-color: #80D1F3;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2FAFD
100
#E1F2FA
200
#BEE7F9
300
#8FD7F4
400
#53C1EF
500
#16ABE9
600
#1289BA
700
#0E6D95
800
#0B5574
900
#0C3F55
950
#082835

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.33: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