#301C03

#301C03

Color Values

HEX

#301C03

RGB

48, 28, 3

HSL

33.3, 88.2%, 10.0%

HSV

33.3, 93.7%, 18.8%

CMYK

0.0%, 41.7%, 93.8%, 81.2%

OKLCH

0.2473 0.0494 69.1

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#301C03

#031730

Analogous

#300503

#2E3003

#301C03

Triadic

#301C03

#03301C

#1C0330

Split Complementary

#301C03

#032E30

#050330

Tetradic

#301C03

#033005

#031730

#30032E

Color Blindness Simulation

Original

#301C03

Protanopia

#272709

Deuteranopia

#282A0A

Tritanopia

#2F0E0F

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FBEFE0
200
#FBDFBC
300
#F8C88C
400
#F4AA4D
500
#F08C0F
600
#C0700C
700
#9A5A0A
800
#784608
900
#57350A
950
#372106

Contrast Checker

Text on white

16.24:1

AA Pass AAA Pass

Text on black

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