#978F12

#978F12

Color Values

HEX

#978F12

RGB

151, 143, 18

HSL

56.4, 78.7%, 33.1%

HSV

56.4, 88.1%, 59.2%

CMYK

0.0%, 5.3%, 88.1%, 40.8%

OKLCH

0.637 0.1311 105.4

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#978F12

#121A97

Analogous

#974C12

#5C9712

#978F12

Triadic

#978F12

#12978F

#8F1297

Split Complementary

#978F12

#125C97

#4C1297

Tetradic

#978F12

#12974C

#121A97

#97125C

Color Blindness Simulation

Original

#978F12

Protanopia

#949330

Deuteranopia

#949538

Tritanopia

#97484D

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F8E1
200
#F7F4BF
300
#F2EC92
400
#EBE256
500
#E4D81B
600
#B6AD16
700
#928A11
800
#726C0E
900
#534F0E
950
#343209

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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