#89CEFA

#89CEFA

Color Values

HEX

#89CEFA

RGB

137, 206, 250

HSL

203.4, 91.9%, 75.9%

HSV

203.4, 45.2%, 98.0%

CMYK

45.2%, 17.6%, 0.0%, 2.0%

OKLCH

0.8216 0.0932 237.4

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#89CEFA

#FAB589

Analogous

#89FAEE

#8995FA

#89CEFA

Triadic

#89CEFA

#FA89CE

#CEFA89

Split Complementary

#89CEFA

#FA8995

#FAEE89

Tetradic

#89CEFA

#EE89FA

#FAB589

#95FA89

Color Blindness Simulation

Original

#89CEFA

Protanopia

#A7A7EF

Deuteranopia

#A39EED

Tritanopia

#8CE7E5

Achromatopsia

#C3C3C3

CSS Usage

background-color: #89CEFA;
color: #89CEFA;
border-color: #89CEFA;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1F9FD
100
#DFF0FB
200
#BAE3FC
300
#8ACEFA
400
#4AB4F7
500
#0A99F5
600
#087BC4
700
#07629D
800
#054D7A
900
#083959
950
#052438

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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