#98A9CE

#98A9CE

Color Values

HEX

#98A9CE

RGB

152, 169, 206

HSL

221.1, 35.5%, 70.2%

HSV

221.1, 26.2%, 80.8%

CMYK

26.2%, 18.0%, 0.0%, 19.2%

OKLCH

0.7345 0.0571 265.6

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#98A9CE

#CEBD98

Analogous

#98C4CE

#A298CE

#98A9CE

Triadic

#98A9CE

#CE98A9

#A9CE98

Split Complementary

#98A9CE

#CEA298

#C4CE98

Tetradic

#98A9CE

#CE98C4

#CEBD98

#98CEA2

Color Blindness Simulation

Original

#98A9CE

Protanopia

#9FA0C5

Deuteranopia

#9E9DC3

Tritanopia

#99BEBC

Achromatopsia

#A8A8A8

CSS Usage

background-color: #98A9CE;
color: #98A9CE;
border-color: #98A9CE;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6FA
100
#E8EBF3
200
#CFD7E8
300
#ACBAD8
400
#7F94C2
500
#526FAD
600
#42598A
700
#35476F
800
#293756
900
#212B40
950
#151B28

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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