#51310C

#51310C

Color Values

HEX

#51310C

RGB

81, 49, 12

HSL

32.2, 74.2%, 18.2%

HSV

32.2, 85.2%, 31.8%

CMYK

0.0%, 39.5%, 85.2%, 68.2%

OKLCH

0.3453 0.0678 65.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#51310C

#0C2C51

Analogous

#510E0C

#4E510C

#51310C

Triadic

#51310C

#0C5131

#310C51

Split Complementary

#51310C

#0C4E51

#0E0C51

Tetradic

#51310C

#0C510E

#0C2C51

#510C4E

Color Blindness Simulation

Original

#51310C

Protanopia

#434315

Deuteranopia

#454717

Tritanopia

#4F1C1E

Achromatopsia

#353535

CSS Usage

background-color: #51310C;
color: #51310C;
border-color: #51310C;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FCF8F3
100
#F8EEE2
200
#F6DDC1
300
#EFC594
400
#E7A65B
500
#DE8621
600
#B26C1A
700
#8E5615
800
#6F4310
900
#513310
950
#33200A

Contrast Checker

Text on white

11.7:1

AA Pass AAA Pass

Text on black

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