#98D0FD

#98D0FD

Color Values

HEX

#98D0FD

RGB

152, 208, 253

HSL

206.7, 96.2%, 79.4%

HSV

206.7, 39.9%, 99.2%

CMYK

39.9%, 17.8%, 0.0%, 0.8%

OKLCH

0.8351 0.0859 243.3

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#98D0FD

#FDC598

Analogous

#98FDF7

#989DFD

#98D0FD

Triadic

#98D0FD

#FD98D0

#D0FD98

Split Complementary

#98D0FD

#FD989D

#FDF798

Tetradic

#98D0FD

#F798FD

#FDC598

#9DFD98

Color Blindness Simulation

Original

#98D0FD

Protanopia

#B0B1F2

Deuteranopia

#ADA9F0

Tritanopia

#9BEAE8

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9DFFE
300
#87C8FD
400
#46ABFB
500
#058DFA
600
#0471C8
700
#035AA0
800
#02467D
900
#07355A
950
#042239

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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