#97CE9B

#97CE9B

Color Values

HEX

#97CE9B

RGB

151, 206, 155

HSL

124,4, 35,9%, 70,0%

HSV

124,4, 26,7%, 80,8%

CMYK

26,7%, 0,0%, 24,8%, 19,2%

OKLCH

0,7998 0,0913 146,5

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#97CE9B

#CE97CA

Analogous

#AECE97

#97CEB7

#97CE9B

Triadic

#97CE9B

#9B97CE

#CE9B97

Split Complementary

#97CE9B

#B797CE

#CE97AE

Tetradic

#97CE9B

#97AECE

#CE97CA

#CEB797

Color Blindness Simulation

Original

#97CE9B

Protanopia

#AFAFA7

Deuteranopia

#ACA8AA

Tritanopia

#9AB1B3

Achromatopsia

#BFBFBF

CSS Usage

background-color: #97CE9B;
color: #97CE9B;
border-color: #97CE9B;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F5FAF5
100
#E8F3E9
200
#CEE8D0
300
#ACD8AF
400
#7FC384
500
#52AD58
600
#418B47
700
#346F39
800
#29572C
900
#214023
950
#152816

Contrast Checker

Text on white

1,81:1

AA Fail AAA Fail

Text on black

11,62: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