#979246

#979246

Color Values

HEX

#979246

RGB

151, 146, 70

HSL

56.3, 36.7%, 43.3%

HSV

56.3, 53.6%, 59.2%

CMYK

0.0%, 3.3%, 53.6%, 40.8%

OKLCH

0.6479 0.0985 105.4

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#979246

#464B97

Analogous

#976946

#739746

#979246

Triadic

#979246

#469792

#924697

Split Complementary

#979246

#467397

#694697

Tetradic

#979246

#469769

#464B97

#974673

Color Blindness Simulation

Original

#979246

Protanopia

#959558

Deuteranopia

#95965D

Tritanopia

#97676A

Achromatopsia

#8E8E8E

CSS Usage

background-color: #979246;
color: #979246;
border-color: #979246;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAF9F5
100
#F3F2E8
200
#E8E7CE
300
#D8D5AB
400
#C3BF7E
500
#AEA951
600
#8B8741
700
#706C34
800
#575428
900
#403E20
950
#292714

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026