#80C7FC

#80C7FC

Color Values

HEX

#80C7FC

RGB

128, 199, 252

HSL

205.6, 95.4%, 74.5%

HSV

205.6, 49.2%, 98.8%

CMYK

49.2%, 21.0%, 0.0%, 1.2%

OKLCH

0.8028 0.1039 242.0

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#80C7FC

#FCB580

Analogous

#80FCF3

#8089FC

#80C7FC

Triadic

#80C7FC

#FC80C7

#C7FC80

Split Complementary

#80C7FC

#FC8089

#FCF380

Tetradic

#80C7FC

#F380FC

#FCB580

#89FC80

Color Blindness Simulation

Original

#80C7FC

Protanopia

#9F9FEF

Deuteranopia

#9B95EC

Tritanopia

#84E5E3

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9E0FD
300
#87CAFC
400
#47AEFB
500
#0691F9
600
#0574C7
700
#045D9F
800
#03497D
900
#07375A
950
#042239

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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