#985E22

#985E22

Color Values

HEX

#985E22

RGB

152, 94, 34

HSL

30.5, 63.4%, 36.5%

HSV

30.5, 77.6%, 59.6%

CMYK

0.0%, 38.2%, 77.6%, 40.4%

OKLCH

0.5358 0.1053 62.5

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#985E22

#225C98

Analogous

#982322

#979822

#985E22

Triadic

#985E22

#22985E

#5E2298

Split Complementary

#985E22

#229798

#232298

Tetradic

#985E22

#229823

#225C98

#982297

Color Blindness Simulation

Original

#985E22

Protanopia

#7F7E31

Deuteranopia

#828734

Tritanopia

#953C3E

Achromatopsia

#666666

CSS Usage

background-color: #985E22;
color: #985E22;
border-color: #985E22;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF7F3
100
#F7EDE4
200
#F2DCC5
300
#E9C29B
400
#DCA265
500
#D0812F
600
#A76725
700
#85521E
800
#684017
900
#4C3115
950
#301F0D

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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