#8B3219

#8B3219

Color Values

HEX

#8B3219

RGB

139, 50, 25

HSL

13.2, 69.5%, 32.2%

HSV

13.2, 82.0%, 54.5%

CMYK

0.0%, 64.0%, 82.0%, 45.5%

OKLCH

0.4419 0.127 36.2

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#8B3219

#19728B

Analogous

#8B1939

#8B6B19

#8B3219

Triadic

#8B3219

#198B32

#32198B

Split Complementary

#8B3219

#198B6B

#19398B

Tetradic

#8B3219

#398B19

#19728B

#6B198B

Color Blindness Simulation

Original

#8B3219

Protanopia

#64641F

Deuteranopia

#6A7020

Tritanopia

#872425

Achromatopsia

#434343

CSS Usage

background-color: #8B3219;
color: #8B3219;
border-color: #8B3219;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FCF5F3
100
#F8E7E3
200
#F4CDC2
300
#ECAA97
400
#E27C5F
500
#D84E27
600
#AD3E1F
700
#8A3219
800
#6C2713
900
#4F1F12
950
#32140B

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

2.57:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026