#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026