#979243

#979243

Color Values

HEX

#979243

RGB

151, 146, 67

HSL

56.4, 38.5%, 42.7%

HSV

56.4, 55.6%, 59.2%

CMYK

0.0%, 3.3%, 55.6%, 40.8%

OKLCH

0.6475 0.1014 105.6

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#979243

#434897

Analogous

#976843

#729743

#979243

Triadic

#979243

#439792

#924397

Split Complementary

#979243

#437297

#684397

Tetradic

#979243

#439768

#434897

#974372

Color Blindness Simulation

Original

#979243

Protanopia

#959556

Deuteranopia

#95965B

Tritanopia

#976569

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F2E7
200
#E9E7CE
300
#D9D7AA
400
#C5C17C
500
#B1AB4E
600
#8D893F
700
#716D32
800
#585527
900
#413F20
950
#292814

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026