#301E00

#301E00

Color Values

HEX

#301E00

RGB

48, 30, 0

HSL

37.5, 100.0%, 9.4%

HSV

37.5, 100.0%, 18.8%

CMYK

0.0%, 37.5%, 100.0%, 81.2%

OKLCH

0.2517 0.0527 76.9

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#301E00

#001230

Analogous

#300600

#2A3000

#301E00

Triadic

#301E00

#00301E

#1E0030

Split Complementary

#301E00

#002A30

#060030

Tetradic

#301E00

#003006

#001230

#30002A

Color Blindness Simulation

Original

#301E00

Protanopia

#282807

Deuteranopia

#292B09

Tritanopia

#2F0D0E

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FFE4B8
300
#FFD185
400
#FFB842
500
#FF9F00
600
#CC8000
700
#A36600
800
#805000
900
#5C3B05
950
#3A2503

Contrast Checker

Text on white

16.01:1

AA Pass AAA Pass

Text on black

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