#8B2900

#8B2900

Color Values

HEX

#8B2900

RGB

139, 41, 0

HSL

17.7, 100.0%, 27.3%

HSV

17.7, 100.0%, 54.5%

CMYK

0.0%, 70.5%, 100.0%, 45.5%

OKLCH

0.4288 0.1396 38.3

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#8B2900

#00628B

Analogous

#8B001D

#8B6F00

#8B2900

Triadic

#8B2900

#008B29

#29008B

Split Complementary

#8B2900

#008B6F

#001D8B

Tetradic

#8B2900

#1D8B00

#00628B

#6F008B

Color Blindness Simulation

Original

#8B2900

Protanopia

#61600A

Deuteranopia

#666E0C

Tritanopia

#861213

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE7DE
200
#FFCDB8
300
#FFA985
400
#FF7A42
500
#FF4B00
600
#CC3C00
700
#A33000
800
#802600
900
#5C1F05
950
#3A1303

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

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