#97C2CA

#97C2CA

Color Values

HEX

#97C2CA

RGB

151, 194, 202

HSL

189.4, 32.5%, 69.2%

HSV

189.4, 25.2%, 79.2%

CMYK

25.2%, 4.0%, 0.0%, 20.8%

OKLCH

0.7859 0.0469 210.2

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#97C2CA

#CA9F97

Analogous

#97CAB8

#97A8CA

#97C2CA

Triadic

#97C2CA

#CA97C2

#C2CA97

Split Complementary

#97C2CA

#CA97A8

#CAB897

Tetradic

#97C2CA

#B897CA

#CA9F97

#A8CA97

Color Blindness Simulation

Original

#97C2CA

Protanopia

#AAAAC8

Deuteranopia

#A7A4C8

Tritanopia

#99C7C6

Achromatopsia

#B9B9B9

CSS Usage

background-color: #97C2CA;
color: #97C2CA;
border-color: #97C2CA;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E3E7
300
#AECFD6
400
#82B6BF
500
#569CA9
600
#457D87
700
#37646C
800
#2B4E54
900
#223A3F
950
#162528

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026