#30240F

#30240F

Color Values

HEX

#30240F

RGB

48, 36, 15

HSL

38.2, 52.4%, 12.4%

HSV

38.2, 68.7%, 18.8%

CMYK

0.0%, 25.0%, 68.7%, 81.2%

OKLCH

0.2689 0.0383 80.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#30240F

#0F1B30

Analogous

#30140F

#2C300F

#30240F

Triadic

#30240F

#0F3024

#240F30

Split Complementary

#30240F

#0F2C30

#140F30

Tetradic

#30240F

#0F3014

#0F1B30

#300F2C

Color Blindness Simulation

Original

#30240F

Protanopia

#2B2B14

Deuteranopia

#2C2C15

Tritanopia

#2F1819

Achromatopsia

#252525

CSS Usage

background-color: #30240F;
color: #30240F;
border-color: #30240F;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEE0C9
300
#E2CBA2
400
#D2AE6F
500
#C2923D
600
#9B7531
700
#7C5D27
800
#61491E
900
#47371A
950
#2D2310

Contrast Checker

Text on white

15.16:1

AA Pass AAA Pass

Text on black

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