#97AF6C

#97AF6C

Color Values

HEX

#97AF6C

RGB

151, 175, 108

HSL

81,5, 29,5%, 55,5%

HSV

81,5, 38,3%, 68,6%

CMYK

13,7%, 0,0%, 38,3%, 31,4%

OKLCH

0,7194 0,0948 124,8

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#97AF6C

#846CAF

Analogous

#AFA66C

#76AF6C

#97AF6C

Triadic

#97AF6C

#6C97AF

#AF6C97

Split Complementary

#97AF6C

#6C76AF

#A66CAF

Tetradic

#97AF6C

#6CAFA6

#846CAF

#AF6C76

Color Blindness Simulation

Original

#97AF6C

Protanopia

#A1A27C

Deuteranopia

#A09E80

Tritanopia

#98898C

Achromatopsia

#A5A5A5

CSS Usage

background-color: #97AF6C;
color: #97AF6C;
border-color: #97AF6C;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8F9F5
100
#EEF2E9
200
#DEE6D1
300
#C7D4B0
400
#A9BC85
500
#8AA55A
600
#6F8448
700
#586A3A
800
#45532D
900
#343D24
950
#212716

Contrast Checker

Text on white

2,42:1

AA Fail AAA Fail

Text on black

8,66: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