#97CB98

#97CB98

Color Values

HEX

#97CB98

RGB

151, 203, 152

HSL

121.2, 33.3%, 69.4%

HSV

121.2, 25.6%, 79.6%

CMYK

25.6%, 0.0%, 25.1%, 20.4%

OKLCH

0.7923 0.0896 145.1

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#97CB98

#CB97CA

Analogous

#B0CB97

#97CBB2

#97CB98

Triadic

#97CB98

#9897CB

#CB9897

Split Complementary

#97CB98

#B297CB

#CB97B0

Tetradic

#97CB98

#97B0CB

#CB97CA

#CBB297

Color Blindness Simulation

Original

#97CB98

Protanopia

#AEAEA4

Deuteranopia

#AAA7A7

Tritanopia

#9AAEB0

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE7D0
300
#ADD6AE
400
#81C082
500
#55AA57
600
#448845
700
#366D38
800
#2B552B
900
#223F23
950
#152816

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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