#98C0F0

#98C0F0

Color Values

HEX

#98C0F0

RGB

152, 192, 240

HSL

212.7, 74.6%, 76.9%

HSV

212.7, 36.7%, 94.1%

CMYK

36.7%, 20.0%, 0.0%, 5.9%

OKLCH

0.7962 0.081 253.3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#98C0F0

#F0C898

Analogous

#98ECF0

#9C98F0

#98C0F0

Triadic

#98C0F0

#F098C0

#C0F098

Split Complementary

#98C0F0

#F09C98

#ECF098

Tetradic

#98C0F0

#F098EC

#F0C898

#98F09C

Color Blindness Simulation

Original

#98C0F0

Protanopia

#A9AAE4

Deuteranopia

#A7A4E2

Tritanopia

#9ADBD9

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2ECF8
200
#C1D9F6
300
#94BEEF
400
#5A9AE7
500
#2077DF
600
#1A5FB2
700
#154C8E
800
#103B6F
900
#102E51
950
#0A1D33

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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