#51160C

#51160C

Color Values

HEX

#51160C

RGB

81, 22, 12

HSL

8.7, 74.2%, 18.2%

HSV

8.7, 85.2%, 31.8%

CMYK

0.0%, 72.8%, 85.2%, 68.2%

OKLCH

0.2967 0.0903 32.1

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#51160C

#0C4751

Analogous

#510C24

#51380C

#51160C

Triadic

#51160C

#0C5116

#160C51

Split Complementary

#51160C

#0C5138

#0C2451

Tetradic

#51160C

#24510C

#0C4751

#380C51

Color Blindness Simulation

Original

#51160C

Protanopia

#37370E

Deuteranopia

#3B3F0F

Tritanopia

#4E1011

Achromatopsia

#222222

CSS Usage

background-color: #51160C;
color: #51160C;
border-color: #51160C;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F6C8C1
300
#EFA294
400
#E76F5B
500
#DE3C21
600
#B2301A
700
#8E2715
800
#6F1E10
900
#511910
950
#33100A

Contrast Checker

Text on white

14.29:1

AA Pass AAA Pass

Text on black

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