#81B2EE

#81B2EE

Color Values

HEX

#81B2EE

RGB

129, 178, 238

HSL

213.0, 76.2%, 72.0%

HSV

213.0, 45.8%, 93.3%

CMYK

45.8%, 25.2%, 0.0%, 6.7%

OKLCH

0.7522 0.1016 254.0

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#81B2EE

#EEBD81

Analogous

#81E9EE

#8781EE

#81B2EE

Triadic

#81B2EE

#EE81B2

#B2EE81

Split Complementary

#81B2EE

#EE8781

#E9EE81

Tetradic

#81B2EE

#EE81E9

#EEBD81

#81EE87

Color Blindness Simulation

Original

#81B2EE

Protanopia

#9697DF

Deuteranopia

#9390DC

Tritanopia

#83D4D2

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D9F7
300
#93BDF0
400
#5999E9
500
#1E76E1
600
#185EB4
700
#134B90
800
#0F3B70
900
#0F2D52
950
#0A1D34

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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