#98CDFA

#98CDFA

Color Values

HEX

#98CDFA

RGB

152, 205, 250

HSL

207,6, 90,7%, 78,8%

HSV

207,6, 39,2%, 98,0%

CMYK

39,2%, 18,0%, 0,0%, 2,0%

OKLCH

0,8276 0,0842 244,7

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#98CDFA

#FAC598

Analogous

#98FAF6

#989CFA

#98CDFA

Triadic

#98CDFA

#FA98CD

#CDFA98

Split Complementary

#98CDFA

#FA989C

#FAF698

Tetradic

#98CDFA

#F698FA

#FAC598

#9CFA98

Color Blindness Simulation

Original

#98CDFA

Protanopia

#AFAFEF

Deuteranopia

#ACA8EC

Tritanopia

#9BE7E5

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC6F9
400
#4BA7F6
500
#0C89F3
600
#096DC3
700
#08589C
800
#06447A
900
#093458
950
#062138

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,45: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