#978A2C

#978A2C

Color Values

HEX

#978A2C

RGB

151, 138, 44

HSL

52.7, 54.9%, 38.2%

HSV

52.7, 70.9%, 59.2%

CMYK

0.0%, 8.6%, 70.9%, 40.8%

OKLCH

0.6273 0.1131 101.3

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#978A2C

#2C3997

Analogous

#97542C

#6E972C

#978A2C

Triadic

#978A2C

#2C978A

#8A2C97

Split Complementary

#978A2C

#2C6E97

#542C97

Tetradic

#978A2C

#2C9754

#2C3997

#972C6E

Color Blindness Simulation

Original

#978A2C

Protanopia

#919143

Deuteranopia

#929348

Tritanopia

#965559

Achromatopsia

#868686

CSS Usage

background-color: #978A2C;
color: #978A2C;
border-color: #978A2C;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBFAF4
100
#F5F3E5
200
#EFEAC8
300
#E3DBA0
400
#D4C86D
500
#C5B43A
600
#9E902E
700
#7E7325
800
#635A1D
900
#484319
950
#2E2A0F

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.99: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