#301F0B

#301F0B

Color Values

HEX

#301F0B

RGB

48, 31, 11

HSL

32.4, 62.7%, 11.6%

HSV

32.4, 77.1%, 18.8%

CMYK

0.0%, 35.4%, 77.1%, 81.2%

OKLCH

0.2558 0.0414 68.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#301F0B

#0B1C30

Analogous

#300D0B

#2F300B

#301F0B

Triadic

#301F0B

#0B301F

#1F0B30

Split Complementary

#301F0B

#0B2F30

#0D0B30

Tetradic

#301F0B

#0B300D

#0B1C30

#300B2F

Color Blindness Simulation

Original

#301F0B

Protanopia

#292810

Deuteranopia

#2A2B11

Tritanopia

#2F1414

Achromatopsia

#212121

CSS Usage

background-color: #301F0B;
color: #301F0B;
border-color: #301F0B;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F2DDC5
300
#E8C59B
400
#DCA565
500
#CF8630
600
#A66B26
700
#85561E
800
#684318
900
#4C3315
950
#30200D

Contrast Checker

Text on white

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