#30280F

#30280F

Color Values

HEX

#30280F

RGB

48, 40, 15

HSL

45,5, 52,4%, 12,4%

HSV

45,5, 68,7%, 18,8%

CMYK

0,0%, 16,7%, 68,7%, 81,2%

OKLCH

0,2793 0,0411 91,8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#30280F

#0F1730

Analogous

#30180F

#28300F

#30280F

Triadic

#30280F

#0F3028

#280F30

Split Complementary

#30280F

#0F2830

#180F30

Tetradic

#30280F

#0F3018

#0F1730

#300F28

Color Blindness Simulation

Original

#30280F

Protanopia

#2D2C15

Deuteranopia

#2D2E16

Tritanopia

#301A1B

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F5F1E5
200
#EEE5C9
300
#E2D2A2
400
#D2BA6F
500
#C2A23D
600
#9B8231
700
#7C6827
800
#61511E
900
#473C1A
950
#2D2610

Contrast Checker

Text on white

14,62:1

AA Pass AAA Pass

Text on black

1,44:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026