#301F09

#301F09

Color Values

HEX

#301F09

RGB

48, 31, 9

HSL

33.8, 68.4%, 11.2%

HSV

33.8, 81.3%, 18.8%

CMYK

0.0%, 35.4%, 81.3%, 81.2%

OKLCH

0.2555 0.0432 70.6

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#301F09

#091A30

Analogous

#300B09

#2E3009

#301F09

Triadic

#301F09

#09301F

#1F0930

Split Complementary

#301F09

#092E30

#0B0930

Tetradic

#301F09

#09300B

#091A30

#30092E

Color Blindness Simulation

Original

#301F09

Protanopia

#29280E

Deuteranopia

#2A2B10

Tritanopia

#2F1313

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DEC3
300
#ECC798
400
#E1A960
500
#D78B28
600
#AC6F20
700
#89591A
800
#6B4514
900
#4E3413
950
#31210C

Contrast Checker

Text on white

15.84:1

AA Pass AAA Pass

Text on black

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