#97CFAD

#97CFAD

Color Values

HEX

#97CFAD

RGB

151, 207, 173

HSL

143.6, 36.8%, 70.2%

HSV

143.6, 27.1%, 81.2%

CMYK

27.1%, 0.0%, 16.4%, 18.8%

OKLCH

0.8064 0.0753 157.6

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#97CFAD

#CF97B9

Analogous

#9DCF97

#97CFC9

#97CFAD

Triadic

#97CFAD

#AD97CF

#CFAD97

Split Complementary

#97CFAD

#C997CF

#CF979D

Tetradic

#97CFAD

#979DCF

#CF97B9

#CFC997

Color Blindness Simulation

Original

#97CFAD

Protanopia

#AFB0B5

Deuteranopia

#ACA8B7

Tritanopia

#9ABCBD

Achromatopsia

#C1C1C1

CSS Usage

background-color: #97CFAD;
color: #97CFAD;
border-color: #97CFAD;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CEE8D8
300
#ABD8BD
400
#7EC399
500
#51AE75
600
#408C5E
700
#34704B
800
#28573B
900
#20402D
950
#14291C

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.84:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026