#8B2300

#8B2300

Color Values

HEX

#8B2300

RGB

139, 35, 0

HSL

15.1, 100.0%, 27.3%

HSV

15.1, 100.0%, 54.5%

CMYK

0.0%, 74.8%, 100.0%, 45.5%

OKLCH

0.4222 0.1446 36.0

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#8B2300

#00688B

Analogous

#8B0023

#8B6900

#8B2300

Triadic

#8B2300

#008B23

#23008B

Split Complementary

#8B2300

#008B69

#00238B

Tetradic

#8B2300

#238B00

#00688B

#69008B

Color Blindness Simulation

Original

#8B2300

Protanopia

#5E5D08

Deuteranopia

#646C0A

Tritanopia

#860F11

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FFCAB8
300
#FFA385
400
#FF7242
500
#FF4000
600
#CC3300
700
#A32900
800
#802000
900
#5C1B05
950
#3A1103

Contrast Checker

Text on white

8.98:1

AA Pass AAA Pass

Text on black

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