#98581C

#98581C

Color Values

HEX

#98581C

RGB

152, 88, 28

HSL

29.0, 68.9%, 35.3%

HSV

29.0, 81.6%, 59.6%

CMYK

0.0%, 42.1%, 81.6%, 40.4%

OKLCH

0.5241 0.1104 58.8

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#98581C

#1C5C98

Analogous

#981C1E

#98961C

#98581C

Triadic

#98581C

#1C9858

#581C98

Split Complementary

#98581C

#1C9896

#1C1E98

Tetradic

#98581C

#1E981C

#1C5C98

#961C98

Color Blindness Simulation

Original

#98581C

Protanopia

#7C7C2B

Deuteranopia

#80852E

Tritanopia

#953638

Achromatopsia

#616161

CSS Usage

background-color: #98581C;
color: #98581C;
border-color: #98581C;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DAC3
300
#ECC098
400
#E29E60
500
#D77D28
600
#AC6420
700
#8A5019
800
#6C3E14
900
#4E2F12
950
#321E0C

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

3.75:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026