#98DFE6

#98DFE6

Color Values

HEX

#98DFE6

RGB

152, 223, 230

HSL

185.4, 60.9%, 74.9%

HSV

185.4, 33.9%, 90.2%

CMYK

33.9%, 3.0%, 0.0%, 9.8%

OKLCH

0.8592 0.0713 203.7

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#98DFE6

#E69F98

Analogous

#98E6C6

#98B8E6

#98DFE6

Triadic

#98DFE6

#E698DF

#DFE698

Split Complementary

#98DFE6

#E698B8

#E6C698

Tetradic

#98DFE6

#C698E6

#E69F98

#B8E698

Color Blindness Simulation

Original

#98DFE6

Protanopia

#B7B7E4

Deuteranopia

#B3ADE4

Tritanopia

#9CE3E3

Achromatopsia

#D0D0D0

CSS Usage

background-color: #98DFE6;
color: #98DFE6;
border-color: #98DFE6;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F3FBFB
100
#E4F5F6
200
#C6EDF1
300
#9DE0E7
400
#67D0DA
500
#32BFCD
600
#2899A4
700
#207A83
800
#196067
900
#16464B
950
#0E2C2F

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.03:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026