#98CBFC

#98CBFC

Color Values

HEX

#98CBFC

RGB

152, 203, 252

HSL

209,4, 94,3%, 79,2%

HSV

209,4, 39,7%, 98,8%

CMYK

39,7%, 19,4%, 0,0%, 1,2%

OKLCH

0,8241 0,0875 247,9

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#98CBFC

#FCC998

Analogous

#98FCFB

#9899FC

#98CBFC

Triadic

#98CBFC

#FC98CB

#CBFC98

Split Complementary

#98CBFC

#FC9899

#FCFB98

Tetradic

#98CBFC

#FB98FC

#FCC998

#99FC98

Color Blindness Simulation

Original

#98CBFC

Protanopia

#AEAFF0

Deuteranopia

#ABA7ED

Tritanopia

#9BE7E5

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADCFD
300
#88C3FC
400
#48A2FA
500
#0782F8
600
#0668C6
700
#05539F
800
#04417C
900
#07315A
950
#051F39

Contrast Checker

Text on white

1,71:1

AA Fail AAA Fail

Text on black

12,28:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026