#97570C

#97570C

Color Values

HEX

#97570C

RGB

151, 87, 12

HSL

32.4, 85.3%, 32.0%

HSV

32.4, 92.1%, 59.2%

CMYK

0.0%, 42.4%, 92.1%, 40.8%

OKLCH

0.5199 0.1154 61.8

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#97570C

#0C4C97

Analogous

#97120C

#92970C

#97570C

Triadic

#97570C

#0C9757

#570C97

Split Complementary

#97570C

#0C9297

#120C97

Tetradic

#97570C

#0C9712

#0C4C97

#970C92

Color Blindness Simulation

Original

#97570C

Protanopia

#7B7B1E

Deuteranopia

#7F8422

Tritanopia

#942C30

Achromatopsia

#5F5F5F

CSS Usage

background-color: #97570C;
color: #97570C;
border-color: #97570C;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADEBD
300
#F6C68E
400
#F1A750
500
#EC8813
600
#BD6D0F
700
#97570C
800
#764409
900
#56330B
950
#362007

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

3.68:1

AA Fail 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