#98CCEB

#98CCEB

Color Values

HEX

#98CCEB

RGB

152, 204, 235

HSL

202,4, 67,5%, 75,9%

HSV

202,4, 35,3%, 92,2%

CMYK

35,3%, 13,2%, 0,0%, 7,8%

OKLCH

0,8197 0,0695 234,9

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#98CCEB

#EBB798

Analogous

#98EBE1

#98A3EB

#98CCEB

Triadic

#98CCEB

#EB98CC

#CCEB98

Split Complementary

#98CCEB

#EB98A3

#EBE198

Tetradic

#98CCEB

#E198EB

#EBB798

#A3EB98

Color Blindness Simulation

Original

#98CCEB

Protanopia

#AFAFE4

Deuteranopia

#ACA8E2

Tritanopia

#9BDEDC

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3F0F7
200
#C3E1F3
300
#98CCEB
400
#61B1E0
500
#2995D6
600
#2177AB
700
#1B6089
800
#154B6B
900
#13384E
950
#0C2331

Contrast Checker

Text on white

1,73:1

AA Fail AAA Fail

Text on black

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