#97AFCD

#97AFCD

Color Values

HEX

#97AFCD

RGB

151, 175, 205

HSL

213.3, 35.1%, 69.8%

HSV

213.3, 26.3%, 80.4%

CMYK

26.3%, 14.6%, 0.0%, 19.6%

OKLCH

0.746 0.051 254.1

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#97AFCD

#CDB597

Analogous

#97CACD

#9A97CD

#97AFCD

Triadic

#97AFCD

#CD97AF

#AFCD97

Split Complementary

#97AFCD

#CD9A97

#CACD97

Tetradic

#97AFCD

#CD97CA

#CDB597

#97CD9A

Color Blindness Simulation

Original

#97AFCD

Protanopia

#A1A2C6

Deuteranopia

#A09EC4

Tritanopia

#98C0BF

Achromatopsia

#ACACAC

CSS Usage

background-color: #97AFCD;
color: #97AFCD;
border-color: #97AFCD;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDAE8
300
#ACBFD7
400
#809DC2
500
#537BAC
600
#42628A
700
#354E6E
800
#293D56
900
#212F40
950
#151E28

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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