#98CFFB

#98CFFB

Color Values

HEX

#98CFFB

RGB

152, 207, 251

HSL

206.7, 92.5%, 79.0%

HSV

206.7, 39.4%, 98.4%

CMYK

39.4%, 17.5%, 0.0%, 1.6%

OKLCH

0.8322 0.0842 243.1

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#98CFFB

#FBC498

Analogous

#98FBF6

#989DFB

#98CFFB

Triadic

#98CFFB

#FB98CF

#CFFB98

Split Complementary

#98CFFB

#FB989D

#FBF698

Tetradic

#98CFFB

#F698FB

#FBC498

#9DFB98

Color Blindness Simulation

Original

#98CFFB

Protanopia

#B0B0F0

Deuteranopia

#ADA8EE

Tritanopia

#9BE8E6

Achromatopsia

#C6C6C6

CSS Usage

background-color: #98CFFB;
color: #98CFFB;
border-color: #98CFFB;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BADFFC
300
#89C8FA
400
#49AAF8
500
#0A8CF5
600
#0870C4
700
#065A9D
800
#05467B
900
#083559
950
#052138

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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