#312418

#312418

Color Values

HEX

#312418

RGB

49, 36, 24

HSL

28.8, 34.2%, 14.3%

HSV

28.8, 51.0%, 19.2%

CMYK

0.0%, 26.5%, 51.0%, 80.8%

OKLCH

0.2721 0.0287 63.9

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#312418

#182531

Analogous

#311818

#313018

#312418

Triadic

#312418

#183124

#241831

Split Complementary

#312418

#183130

#181831

Tetradic

#312418

#183118

#182531

#301831

Color Blindness Simulation

Original

#312418

Protanopia

#2B2B1B

Deuteranopia

#2C2D1C

Tritanopia

#301D1E

Achromatopsia

#262626

CSS Usage

background-color: #312418;
color: #312418;
border-color: #312418;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#FAF7F5
100
#F2EDE8
200
#E8DBCF
300
#D7C1AD
400
#C19F80
500
#AB7E54
600
#896543
700
#6E5036
800
#563F2A
900
#3F3022
950
#281E15

Contrast Checker

Text on white

15.04:1

AA Pass AAA Pass

Text on black

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