#979012

#979012

Color Values

HEX

#979012

RGB

151, 144, 18

HSL

56.8, 78.7%, 33.1%

HSV

56.8, 88.1%, 59.2%

CMYK

0.0%, 4.6%, 88.1%, 40.8%

OKLCH

0.6393 0.132 106.0

Properties

Warm Light Nearest: yellow 4

Color Harmonies

Complementary

#979012

#121997

Analogous

#974D12

#5B9712

#979012

Triadic

#979012

#129790

#901297

Split Complementary

#979012

#125B97

#4D1297

Tetradic

#979012

#12974D

#121997

#97125B

Color Blindness Simulation

Original

#979012

Protanopia

#949430

Deuteranopia

#949538

Tritanopia

#97494E

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F8E1
200
#F7F4BF
300
#F2ED92
400
#EBE356
500
#E4D91B
600
#B6AE16
700
#928B11
800
#726D0E
900
#534F0E
950
#343209

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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