#80C6FE

#80C6FE

Color Values

HEX

#80C6FE

RGB

128, 198, 254

HSL

206.7, 98.4%, 74.9%

HSV

206.7, 49.6%, 99.6%

CMYK

49.6%, 22.0%, 0.0%, 0.4%

OKLCH

0.8015 0.1066 243.8

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#80C6FE

#FEB880

Analogous

#80FEF7

#8087FE

#80C6FE

Triadic

#80C6FE

#FE80C6

#C6FE80

Split Complementary

#80C6FE

#FE8087

#FEF780

Tetradic

#80C6FE

#F780FE

#FEB880

#87FE80

Color Blindness Simulation

Original

#80C6FE

Protanopia

#9E9FF0

Deuteranopia

#9A95ED

Tritanopia

#84E6E3

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8DFFE
300
#86C8FE
400
#44ABFD
500
#028DFD
600
#0271CA
700
#015AA2
800
#01477E
900
#06355B
950
#04223A

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026