#98CCD2

#98CCD2

Color Values

HEX

#98CCD2

RGB

152, 204, 210

HSL

186.2, 39.2%, 71.0%

HSV

186.2, 27.6%, 82.4%

CMYK

27.6%, 2.9%, 0.0%, 17.6%

OKLCH

0.811 0.0545 205.0

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#98CCD2

#D29E98

Analogous

#98D2BB

#98AFD2

#98CCD2

Triadic

#98CCD2

#D298CC

#CCD298

Split Complementary

#98CCD2

#D298AF

#D2BB98

Tetradic

#98CCD2

#BB98D2

#D29E98

#AFD298

Color Blindness Simulation

Original

#98CCD2

Protanopia

#AFAFD1

Deuteranopia

#ACA8D0

Tritanopia

#9BCFCF

Achromatopsia

#C1C1C1

CSS Usage

background-color: #98CCD2;
color: #98CCD2;
border-color: #98CCD2;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD5DA
400
#7CBEC6
500
#4EA7B1
600
#3E868E
700
#326B72
800
#275459
900
#1F3E42
950
#142729

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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