#98CEEB

#98CEEB

Color Values

HEX

#98CEEB

RGB

152, 206, 235

HSL

201,0, 67,5%, 75,9%

HSV

201,0, 35,3%, 92,2%

CMYK

35,3%, 12,3%, 0,0%, 7,8%

OKLCH

0,824 0,0692 232,1

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#98CEEB

#EBB598

Analogous

#98EBDF

#98A5EB

#98CEEB

Triadic

#98CEEB

#EB98CE

#CEEB98

Split Complementary

#98CEEB

#EB98A5

#EBDF98

Tetradic

#98CEEB

#DF98EB

#EBB598

#A5EB98

Color Blindness Simulation

Original

#98CEEB

Protanopia

#AFB0E4

Deuteranopia

#ACA8E2

Tritanopia

#9BDEDD

Achromatopsia

#C5C5C5

CSS Usage

background-color: #98CEEB;
color: #98CEEB;
border-color: #98CEEB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F9FC
100
#E3F0F7
200
#C3E3F3
300
#98CEEB
400
#61B4E0
500
#2999D6
600
#217BAB
700
#1B6289
800
#154D6B
900
#13394E
950
#0C2431

Contrast Checker

Text on white

1,7:1

AA Fail AAA Fail

Text on black

12,36: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