#98B4EC

#98B4EC

Color Values

HEX

#98B4EC

RGB

152, 180, 236

HSL

220.0, 68.9%, 76.1%

HSV

220.0, 35.6%, 92.5%

CMYK

35.6%, 23.7%, 0.0%, 7.5%

OKLCH

0.7695 0.0865 263.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#98B4EC

#ECD098

Analogous

#98DEEC

#A698EC

#98B4EC

Triadic

#98B4EC

#EC98B4

#B4EC98

Split Complementary

#98B4EC

#ECA698

#DEEC98

Tetradic

#98B4EC

#EC98DE

#ECD098

#98ECA6

Color Blindness Simulation

Original

#98B4EC

Protanopia

#A4A4DE

Deuteranopia

#A2A0DB

Tritanopia

#99D4D1

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EAF8
200
#C3D3F4
300
#98B4EC
400
#608BE2
500
#2862D7
600
#204FAC
700
#193F8A
800
#14316C
900
#12264E
950
#0C1832

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.07:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026