#80BCF6

#80BCF6

Color Values

HEX

#80BCF6

RGB

128, 188, 246

HSL

209.5, 86.8%, 73.3%

HSV

209.5, 48.0%, 96.5%

CMYK

48.0%, 23.6%, 0.0%, 3.5%

OKLCH

0.7766 0.1041 248.5

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#80BCF6

#F6BA80

Analogous

#80F6F5

#8081F6

#80BCF6

Triadic

#80BCF6

#F680BC

#BCF680

Split Complementary

#80BCF6

#F68081

#F6F580

Tetradic

#80BCF6

#F580F6

#F6BA80

#81F680

Color Blindness Simulation

Original

#80BCF6

Protanopia

#9A9BE8

Deuteranopia

#9692E5

Tritanopia

#83DDDA

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BCDCFA
300
#8DC3F7
400
#4FA2F3
500
#1181EE
600
#0D67BF
700
#0B5398
800
#084177
900
#0B3156
950
#071F37

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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