#ACC997

#ACC997

Color Values

HEX

#ACC997

RGB

172, 201, 151

HSL

94.8, 31.6%, 69.0%

HSV

94.8, 24.9%, 78.8%

CMYK

14.4%, 0.0%, 24.9%, 21.2%

OKLCH

0.8014 0.0752 132.4

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ACC997

#B497C9

Analogous

#C5C997

#97C99B

#ACC997

Triadic

#ACC997

#97ACC9

#C997AC

Split Complementary

#ACC997

#9B97C9

#C997C5

Tetradic

#ACC997

#97C5C9

#B497C9

#C99B97

Color Blindness Simulation

Original

#ACC997

Protanopia

#B9B9A3

Deuteranopia

#B7B5A6

Tritanopia

#ADADAF

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#ECF2E8
200
#D9E7D0
300
#BFD5AE
400
#9CBE83
500
#79A857
600
#618646
700
#4D6B38
800
#3D542C
900
#2E3E23
950
#1D2716

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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