#98C2F3

#98C2F3

Color Values

HEX

#98C2F3

RGB

152, 194, 243

HSL

212.3, 79.1%, 77.5%

HSV

212.3, 37.4%, 95.3%

CMYK

37.4%, 20.2%, 0.0%, 4.7%

OKLCH

0.8016 0.0831 252.7

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#98C2F3

#F3C998

Analogous

#98F0F3

#9C98F3

#98C2F3

Triadic

#98C2F3

#F398C2

#C2F398

Split Complementary

#98C2F3

#F39C98

#F0F398

Tetradic

#98C2F3

#F398F0

#F3C998

#98F39C

Color Blindness Simulation

Original

#98C2F3

Protanopia

#AAABE7

Deuteranopia

#A8A5E4

Tritanopia

#9ADEDC

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#BFD9F8
300
#91BEF2
400
#569BEB
500
#1B78E4
600
#1560B7
700
#114D92
800
#0D3C72
900
#0E2E53
950
#091D34

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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