#98CAEB

#98CAEB

Color Values

HEX

#98CAEB

RGB

152, 202, 235

HSL

203.9, 67.5%, 75.9%

HSV

203.9, 35.3%, 92.2%

CMYK

35.3%, 14.0%, 0.0%, 7.8%

OKLCH

0.8154 0.0701 237.7

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#98CAEB

#EBB998

Analogous

#98EBE3

#98A0EB

#98CAEB

Triadic

#98CAEB

#EB98CA

#CAEB98

Split Complementary

#98CAEB

#EB98A0

#EBE398

Tetradic

#98CAEB

#E398EB

#EBB998

#A0EB98

Color Blindness Simulation

Original

#98CAEB

Protanopia

#AEAEE3

Deuteranopia

#ABA7E1

Tritanopia

#9ADDDB

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C3E0F3
300
#98CAEB
400
#61AEE0
500
#2991D6
600
#2174AB
700
#1B5D89
800
#15486B
900
#13364E
950
#0C2231

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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