#978B35

#978B35

Color Values

HEX

#978B35

RGB

151, 139, 53

HSL

52.7, 48.0%, 40.0%

HSV

52.7, 64.9%, 59.2%

CMYK

0.0%, 7.9%, 64.9%, 40.8%

OKLCH

0.6303 0.1071 101.4

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#978B35

#354197

Analogous

#975A35

#729735

#978B35

Triadic

#978B35

#35978B

#8B3597

Split Complementary

#978B35

#357297

#5A3597

Tetradic

#978B35

#35975A

#354197

#973572

Color Blindness Simulation

Original

#978B35

Protanopia

#92924A

Deuteranopia

#92934F

Tritanopia

#965A5E

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECE8CA
300
#DFD8A4
400
#CEC373
500
#BDAE42
600
#978B35
700
#796F2A
800
#5E5721
900
#45401C
950
#2C2911

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.06:1

AA Pass AAA Fail

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