#312D12

#312D12

Color Values

HEX

#312D12

RGB

49, 45, 18

HSL

52.3, 46.3%, 13.1%

HSV

52.3, 63.3%, 19.2%

CMYK

0.0%, 8.2%, 63.3%, 80.8%

OKLCH

0.2943 0.043 101.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#312D12

#121631

Analogous

#311D12

#253112

#312D12

Triadic

#312D12

#12312D

#2D1231

Split Complementary

#312D12

#122531

#1D1231

Tetradic

#312D12

#12311D

#121631

#311225

Color Blindness Simulation

Original

#312D12

Protanopia

#2F2F19

Deuteranopia

#30301A

Tritanopia

#311E1F

Achromatopsia

#2C2C2C

CSS Usage

background-color: #312D12;
color: #312D12;
border-color: #312D12;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FAFAF4
100
#F4F2E6
200
#ECE8CB
300
#DED7A5
400
#CCC175
500
#BBAB44
600
#958937
700
#776E2C
800
#5D5622
900
#453F1C
950
#2B2812

Contrast Checker

Text on white

13.86:1

AA Pass AAA Pass

Text on black

1.51:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026