#97ECBB

#97ECBB

Color Values

HEX

#97ECBB

RGB

151, 236, 187

HSL

145.4, 69.1%, 75.9%

HSV

145.4, 36.0%, 92.5%

CMYK

36.0%, 0.0%, 20.8%, 7.5%

OKLCH

0.8757 0.1077 157.9

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#97ECBB

#EC97C8

Analogous

#9EEC97

#97ECE5

#97ECBB

Triadic

#97ECBB

#BB97EC

#ECBB97

Split Complementary

#97ECBB

#E597EC

#EC979E

Tetradic

#97ECBB

#979EEC

#EC97C8

#ECE597

Color Blindness Simulation

Original

#97ECBB

Protanopia

#BCBDC7

Deuteranopia

#B7B0CA

Tritanopia

#9BD0D2

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F8EC
200
#C3F4D8
300
#98ECBB
400
#5FE297
500
#27D872
600
#20AC5B
700
#198A49
800
#146C39
900
#124F2C
950
#0C321C

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026