#98CDF7

#98CDF7

Color Values

HEX

#98CDF7

RGB

152, 205, 247

HSL

206,5, 85,6%, 78,2%

HSV

206,5, 38,5%, 96,9%

CMYK

38,5%, 17,0%, 0,0%, 3,1%

OKLCH

0,8264 0,081 242,8

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#98CDF7

#F7C298

Analogous

#98F7F1

#989DF7

#98CDF7

Triadic

#98CDF7

#F798CD

#CDF798

Split Complementary

#98CDF7

#F7989D

#F7F198

Tetradic

#98CDF7

#F198F7

#F7C298

#9DF798

Color Blindness Simulation

Original

#98CDF7

Protanopia

#AFAFED

Deuteranopia

#ACA8EA

Tritanopia

#9BE5E3

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BDDFFA
300
#8DC8F6
400
#50AAF1
500
#128CED
600
#0F70BD
700
#0C5A97
800
#094676
900
#0B3556
950
#072136

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026