#301B04

#301B04

Color Values

HEX

#301B04

RGB

48, 27, 4

HSL

31.4, 84.6%, 10.2%

HSV

31.4, 91.7%, 18.8%

CMYK

0.0%, 43.8%, 91.7%, 81.2%

OKLCH

0.2451 0.0486 65.4

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#301B04

#041930

Analogous

#300504

#2F3004

#301B04

Triadic

#301B04

#04301B

#1B0430

Split Complementary

#301B04

#042F30

#050430

Tetradic

#301B04

#043005

#041930

#30042F

Color Blindness Simulation

Original

#301B04

Protanopia

#27270A

Deuteranopia

#282A0B

Tritanopia

#2F0E0F

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADDBD
300
#F6C48E
400
#F0A451
500
#EB8514
600
#BC6A10
700
#97550D
800
#76420A
900
#55320C
950
#362007

Contrast Checker

Text on white

16.35:1

AA Pass AAA Pass

Text on black

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