#312F19

#312F19

Color Values

HEX

#312F19

RGB

49, 47, 25

HSL

55.0, 32.4%, 14.5%

HSV

55.0, 49.0%, 19.2%

CMYK

0.0%, 4.1%, 49.0%, 80.8%

OKLCH

0.301 0.0362 103.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#312F19

#191B31

Analogous

#312319

#273119

#312F19

Triadic

#312F19

#19312F

#2F1931

Split Complementary

#312F19

#192731

#231931

Tetradic

#312F19

#193123

#191B31

#311927

Color Blindness Simulation

Original

#312F19

Protanopia

#30301E

Deuteranopia

#303020

Tritanopia

#312323

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F1E8
200
#E7E5D0
300
#D6D2AE
400
#BFBA82
500
#A9A256
600
#878245
700
#6C6837
800
#54512B
900
#3F3C22
950
#282616

Contrast Checker

Text on white

13.54:1

AA Pass AAA Pass

Text on black

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