#98CBEF

#98CBEF

Color Values

HEX

#98CBEF

RGB

152, 203, 239

HSL

204.8, 73.1%, 76.7%

HSV

204.8, 36.4%, 93.7%

CMYK

36.4%, 15.1%, 0.0%, 6.3%

OKLCH

0.8191 0.0736 239.5

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#98CBEF

#EFBC98

Analogous

#98EFE7

#98A0EF

#98CBEF

Triadic

#98CBEF

#EF98CB

#CBEF98

Split Complementary

#98CBEF

#EF98A0

#EFE798

Tetradic

#98CBEF

#E798EF

#EFBC98

#A0EF98

Color Blindness Simulation

Original

#98CBEF

Protanopia

#AEAFE6

Deuteranopia

#ABA7E4

Tritanopia

#9BDFDE

Achromatopsia

#C3C3C3

CSS Usage

background-color: #98CBEF;
color: #98CBEF;
border-color: #98CBEF;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C1E0F5
300
#95CAEF
400
#5CADE6
500
#2290DD
600
#1B73B1
700
#165C8D
800
#11486E
900
#113650
950
#0A2233

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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