#53312C

#53312C

Color Values

HEX

#53312C

RGB

83, 49, 44

HSL

7.7, 30.7%, 24.9%

HSV

7.7, 47.0%, 32.5%

CMYK

0.0%, 41.0%, 47.0%, 67.5%

OKLCH

0.3537 0.0508 28.9

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#53312C

#2C4E53

Analogous

#532C3A

#53442C

#53312C

Triadic

#53312C

#2C5331

#312C53

Split Complementary

#53312C

#2C5344

#2C3A53

Tetradic

#53312C

#3A532C

#2C4E53

#442C53

Color Blindness Simulation

Original

#53312C

Protanopia

#44442D

Deuteranopia

#46492E

Tritanopia

#512E2E

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2EAE8
200
#E6D3D0
300
#D5B4AF
400
#BE8B84
500
#A76258
600
#854F47
700
#6B3F39
800
#53312C
900
#3E2623
950
#271816

Contrast Checker

Text on white

11.39:1

AA Pass AAA Pass

Text on black

1.84:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026