#97BEC2

#97BEC2

Color Values

HEX

#97BEC2

RGB

151, 190, 194

HSL

185.6, 26.1%, 67.6%

HSV

185.6, 22.2%, 76.1%

CMYK

22.2%, 2.1%, 0.0%, 23.9%

OKLCH

0.7746 0.042 204.1

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#97BEC2

#C29B97

Analogous

#97C2B0

#97A8C2

#97BEC2

Triadic

#97BEC2

#C297BE

#BEC297

Split Complementary

#97BEC2

#C297A8

#C2B097

Tetradic

#97BEC2

#B097C2

#C29B97

#A8C297

Color Blindness Simulation

Original

#97BEC2

Protanopia

#A8A8C1

Deuteranopia

#A6A3C1

Tritanopia

#99C0C0

Achromatopsia

#B6B6B6

CSS Usage

background-color: #97BEC2;
color: #97BEC2;
border-color: #97BEC2;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E3E5
300
#B2CFD2
400
#88B5B9
500
#5E9BA1
600
#4B7C81
700
#3C6367
800
#2F4D50
900
#253A3C
950
#172426

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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