#80B2EE

#80B2EE

Color Values

HEX

#80B2EE

RGB

128, 178, 238

HSL

212.7, 76.4%, 71.8%

HSV

212.7, 46.2%, 93.3%

CMYK

46.2%, 25.2%, 0.0%, 6.7%

OKLCH

0.7516 0.1021 253.5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#80B2EE

#EEBC80

Analogous

#80E9EE

#8580EE

#80B2EE

Triadic

#80B2EE

#EE80B2

#B2EE80

Split Complementary

#80B2EE

#EE8580

#E9EE80

Tetradic

#80B2EE

#EE80E9

#EEBC80

#80EE85

Color Blindness Simulation

Original

#80B2EE

Protanopia

#9696DF

Deuteranopia

#938FDC

Tritanopia

#82D4D2

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D9F7
300
#93BEF1
400
#599AE9
500
#1E77E1
600
#185FB4
700
#134C90
800
#0F3B70
900
#0F2D52
950
#0A1D34

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026