#97850C

#97850C

Color Values

HEX

#97850C

RGB

151, 133, 12

HSL

52.2, 85.3%, 32.0%

HSV

52.2, 92.1%, 59.2%

CMYK

0.0%, 11.9%, 92.1%, 40.8%

OKLCH

0.6145 0.1247 99.4

Properties

Warm Light Nearest: gold 4

Color Harmonies

Complementary

#97850C

#0C1E97

Analogous

#97400C

#64970C

#97850C

Triadic

#97850C

#0C9785

#850C97

Split Complementary

#97850C

#0C6497

#400C97

Tetradic

#97850C

#0C9740

#0C1E97

#970C64

Color Blindness Simulation

Original

#97850C

Protanopia

#8F8F29

Deuteranopia

#909230

Tritanopia

#964045

Achromatopsia

#808080

CSS Usage

background-color: #97850C;
color: #97850C;
border-color: #97850C;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FDFBF2
100
#FAF7E0
200
#FAF2BD
300
#F6E88E
400
#F1DC50
500
#ECD013
600
#BDA60F
700
#97850C
800
#766809
900
#564C0B
950
#363007

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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