#30220F

#30220F

Color Values

HEX

#30220F

RGB

48, 34, 15

HSL

34.5, 52.4%, 12.4%

HSV

34.5, 68.7%, 18.8%

CMYK

0.0%, 29.2%, 68.7%, 81.2%

OKLCH

0.2639 0.0376 73.4

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#30220F

#0F1D30

Analogous

#30120F

#2E300F

#30220F

Triadic

#30220F

#0F3022

#220F30

Split Complementary

#30220F

#0F2E30

#120F30

Tetradic

#30220F

#0F3012

#0F1D30

#300F2E

Color Blindness Simulation

Original

#30220F

Protanopia

#2A2A14

Deuteranopia

#2B2C15

Tritanopia

#2F1718

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EEDEC9
300
#E2C7A2
400
#D2A86F
500
#C28A3D
600
#9B6E31
700
#7C5827
800
#61451E
900
#47341A
950
#2D2110

Contrast Checker

Text on white

15.43:1

AA Pass AAA Pass

Text on black

1.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026