#8B2200

#8B2200

Color Values

HEX

#8B2200

RGB

139, 34, 0

HSL

14.7, 100.0%, 27.3%

HSV

14.7, 100.0%, 54.5%

CMYK

0.0%, 75.5%, 100.0%, 45.5%

OKLCH

0.4212 0.1454 35.7

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#8B2200

#00698B

Analogous

#8B0024

#8B6800

#8B2200

Triadic

#8B2200

#008B22

#22008B

Split Complementary

#8B2200

#008B68

#00248B

Tetradic

#8B2200

#248B00

#00698B

#68008B

Color Blindness Simulation

Original

#8B2200

Protanopia

#5E5D08

Deuteranopia

#646C0A

Tritanopia

#860F10

Achromatopsia

#363636

CSS Usage

background-color: #8B2200;
color: #8B2200;
border-color: #8B2200;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FFC9B8
300
#FFA385
400
#FF7142
500
#FF3E00
600
#CC3200
700
#A32800
800
#801F00
900
#5C1A05
950
#3A1103

Contrast Checker

Text on white

9.03:1

AA Pass AAA Pass

Text on black

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