#97B4ED

#97B4ED

Color Values

HEX

#97B4ED

RGB

151, 180, 237

HSL

219.8, 70.5%, 76.1%

HSV

219.8, 36.3%, 92.9%

CMYK

36.3%, 24.1%, 0.0%, 7.1%

OKLCH

0.7693 0.0882 263.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#97B4ED

#EDD097

Analogous

#97DFED

#A597ED

#97B4ED

Triadic

#97B4ED

#ED97B4

#B4ED97

Split Complementary

#97B4ED

#EDA597

#DFED97

Tetradic

#97B4ED

#ED97DF

#EDD097

#97EDA5

Color Blindness Simulation

Original

#97B4ED

Protanopia

#A4A4DF

Deuteranopia

#A2A0DC

Tritanopia

#98D4D2

Achromatopsia

#B2B2B2

CSS Usage

background-color: #97B4ED;
color: #97B4ED;
border-color: #97B4ED;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C2D3F4
300
#97B4ED
400
#5E8BE3
500
#2662D9
600
#1E4FAE
700
#183F8B
800
#13316D
900
#12264F
950
#0B1832

Contrast Checker

Text on white

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