#97ECBC

#97ECBC

Color Values

HEX

#97ECBC

RGB

151, 236, 188

HSL

146.1, 69.1%, 75.9%

HSV

146.1, 36.0%, 92.5%

CMYK

36.0%, 0.0%, 20.3%, 7.5%

OKLCH

0.8759 0.1068 158.5

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#97ECBC

#EC97C7

Analogous

#9DEC97

#97ECE6

#97ECBC

Triadic

#97ECBC

#BC97EC

#ECBC97

Split Complementary

#97ECBC

#E697EC

#EC979D

Tetradic

#97ECBC

#979DEC

#EC97C7

#ECE697

Color Blindness Simulation

Original

#97ECBC

Protanopia

#BCBDC8

Deuteranopia

#B7B0CA

Tritanopia

#9BD1D3

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F8EC
200
#C3F4D8
300
#98ECBC
400
#5FE298
500
#27D874
600
#20AC5D
700
#198A4A
800
#146C3A
900
#124F2D
950
#0C321C

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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