#80C0F6

#80C0F6

Color Values

HEX

#80C0F6

RGB

128, 192, 246

HSL

207.5, 86.8%, 73.3%

HSV

207.5, 48.0%, 96.5%

CMYK

48.0%, 22.0%, 0.0%, 3.5%

OKLCH

0.7852 0.1015 245.1

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#80C0F6

#F6B680

Analogous

#80F6F1

#8085F6

#80C0F6

Triadic

#80C0F6

#F680C0

#C0F680

Split Complementary

#80C0F6

#F68085

#F6F180

Tetradic

#80C0F6

#F180F6

#F6B680

#85F680

Color Blindness Simulation

Original

#80C0F6

Protanopia

#9C9CE9

Deuteranopia

#9893E6

Tritanopia

#83DFDC

Achromatopsia

#B6B6B6

CSS Usage

background-color: #80C0F6;
color: #80C0F6;
border-color: #80C0F6;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDEFA
300
#8DC6F7
400
#4FA7F3
500
#1189EE
600
#0D6DBF
700
#0B5898
800
#084477
900
#0B3456
950
#072137

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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