#300D0C

#300D0C

Color Values

HEX

#300D0C

RGB

48, 13, 12

HSL

1.7, 60.0%, 11.8%

HSV

1.7, 75.0%, 18.8%

CMYK

0.0%, 72.9%, 75.0%, 81.2%

OKLCH

0.2181 0.0576 24.7

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#300D0C

#0C2F30

Analogous

#300C1D

#301F0C

#300D0C

Triadic

#300D0C

#0C300D

#0D0C30

Split Complementary

#300D0C

#0C301F

#0C1D30

Tetradic

#300D0C

#1D300C

#0C2F30

#1F0C30

Color Blindness Simulation

Original

#300D0C

Protanopia

#21210C

Deuteranopia

#23250C

Tritanopia

#2E0C0C

Achromatopsia

#141414

CSS Usage

background-color: #300D0C;
color: #300D0C;
border-color: #300D0C;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C7C6
300
#E79F9D
400
#D96B68
500
#CC3733
600
#A32C29
700
#832321
800
#661C1A
900
#4B1816
950
#2F0F0E

Contrast Checker

Text on white

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