#301F14

#301F14

Color Values

HEX

#301F14

RGB

48, 31, 20

HSL

23.6, 41.2%, 13.3%

HSV

23.6, 58.3%, 18.8%

CMYK

0.0%, 35.4%, 58.3%, 81.2%

OKLCH

0.2575 0.0329 53.6

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#301F14

#142530

Analogous

#301417

#302D14

#301F14

Triadic

#301F14

#14301F

#1F1430

Split Complementary

#301F14

#14302D

#141730

Tetradic

#301F14

#173014

#142530

#2D1430

Color Blindness Simulation

Original

#301F14

Protanopia

#292817

Deuteranopia

#2A2B17

Tritanopia

#2F1919

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD8CD
300
#DBBCA9
400
#C8987A
500
#B4744B
600
#905D3C
700
#734A30
800
#5A3A25
900
#422D1E
950
#2A1C13

Contrast Checker

Text on white

15.77:1

AA Pass AAA Pass

Text on black

1.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026