#330A04

#330A04

Color Values

HEX

#330A04

RGB

51, 10, 4

HSL

7.7, 85.5%, 10.8%

HSV

7.7, 92.2%, 20.0%

CMYK

0.0%, 80.4%, 92.2%, 80.0%

OKLCH

0.218 0.0677 32.7

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#330A04

#042D33

Analogous

#330415

#332204

#330A04

Triadic

#330A04

#04330A

#0A0433

Split Complementary

#330A04

#043322

#041533

Tetradic

#330A04

#153304

#042D33

#220433

Color Blindness Simulation

Original

#330A04

Protanopia

#212105

Deuteranopia

#242706

Tritanopia

#310707

Achromatopsia

#121212

CSS Usage

background-color: #330A04;
color: #330A04;
border-color: #330A04;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FDF3F2
100
#FAE4E0
200
#FAC5BD
300
#F69B8D
400
#F16550
500
#ED2E12
600
#BD250F
700
#971E0C
800
#761709
900
#56150B
950
#360D07

Contrast Checker

Text on white

17.71:1

AA Pass AAA Pass

Text on black

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