#978F16

#978F16

Color Values

HEX

#978F16

RGB

151, 143, 22

HSL

56.3, 74.6%, 33.9%

HSV

56.3, 85.4%, 59.2%

CMYK

0.0%, 5.3%, 85.4%, 40.8%

OKLCH

0.6372 0.1296 105.4

Properties

Warm Light Nearest: yellow 4

Color Harmonies

Complementary

#978F16

#161E97

Analogous

#974E16

#5E9716

#978F16

Triadic

#978F16

#16978F

#8F1697

Split Complementary

#978F16

#165E97

#4E1697

Tetradic

#978F16

#16974E

#161E97

#97165E

Color Blindness Simulation

Original

#978F16

Protanopia

#949333

Deuteranopia

#94953A

Tritanopia

#974A4F

Achromatopsia

#888888

CSS Usage

background-color: #978F16;
color: #978F16;
border-color: #978F16;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCFCF2
100
#F8F7E2
200
#F6F3C1
300
#EFEA94
400
#E7DE5A
500
#DFD320
600
#B2A91A
700
#8E8715
800
#6F6910
900
#514D10
950
#33310A

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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