#97A63C

#97A63C

Color Values

HEX

#97A63C

RGB

151, 166, 60

HSL

68.5, 46.9%, 44.3%

HSV

68.5, 63.9%, 65.1%

CMYK

9.0%, 0.0%, 63.9%, 34.9%

OKLCH

0.6923 0.131 116.8

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#97A63C

#4B3CA6

Analogous

#A6803C

#62A63C

#97A63C

Triadic

#97A63C

#3C97A6

#A63C97

Split Complementary

#97A63C

#3C62A6

#803CA6

Tetradic

#97A63C

#3CA680

#4B3CA6

#A63C62

Color Blindness Simulation

Original

#97A63C

Protanopia

#9D9E56

Deuteranopia

#9D9C5C

Tritanopia

#986A6E

Achromatopsia

#9B9B9B

CSS Usage

background-color: #97A63C;
color: #97A63C;
border-color: #97A63C;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFAF4
100
#F2F4E6
200
#E7ECCB
300
#D6DFA5
400
#C0CD74
500
#AABB44
600
#889636
700
#6D782B
800
#555E22
900
#3F451C
950
#282C12

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.84:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026