#98CBF0

#98CBF0

Color Values

HEX

#98CBF0

RGB

152, 203, 240

HSL

205.2, 74.6%, 76.9%

HSV

205.2, 36.7%, 94.1%

CMYK

36.7%, 15.4%, 0.0%, 5.9%

OKLCH

0.8195 0.0746 240.3

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#98CBF0

#F0BD98

Analogous

#98F0E9

#989FF0

#98CBF0

Triadic

#98CBF0

#F098CB

#CBF098

Split Complementary

#98CBF0

#F0989F

#F0E998

Tetradic

#98CBF0

#E998F0

#F0BD98

#9FF098

Color Blindness Simulation

Original

#98CBF0

Protanopia

#AEAFE7

Deuteranopia

#ABA7E5

Tritanopia

#9BE0DE

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E2EFF8
200
#C1E0F6
300
#94C9EF
400
#5AACE7
500
#208FDF
600
#1A72B2
700
#155B8E
800
#10476F
900
#103651
950
#0A2233

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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