#301D03

#301D03

Color Values

HEX

#301D03

RGB

48, 29, 3

HSL

34.7, 88.2%, 10.0%

HSV

34.7, 93.7%, 18.8%

CMYK

0.0%, 39.6%, 93.8%, 81.2%

OKLCH

0.2497 0.0493 71.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#301D03

#031630

Analogous

#300703

#2C3003

#301D03

Triadic

#301D03

#03301D

#1D0330

Split Complementary

#301D03

#032C30

#070330

Tetradic

#301D03

#033007

#031630

#30032C

Color Blindness Simulation

Original

#301D03

Protanopia

#282809

Deuteranopia

#292A0B

Tritanopia

#2F0E0F

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FBEFE0
200
#FBE0BC
300
#F8CA8C
400
#F4AE4D
500
#F0910F
600
#C0740C
700
#9A5D0A
800
#784908
900
#57360A
950
#372206

Contrast Checker

Text on white

16.12:1

AA Pass AAA Pass

Text on black

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