#300709

#300709

Color Values

HEX

#300709

RGB

48, 7, 9

HSL

357.1, 74.5%, 10.8%

HSV

357.1, 85.4%, 18.8%

CMYK

0.0%, 85.4%, 81.3%, 81.2%

OKLCH

0.2081 0.0664 22.2

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#300709

#07302E

Analogous

#30071E

#301A07

#300709

Triadic

#300709

#093007

#070930

Split Complementary

#300709

#07301A

#071E30

Tetradic

#300709

#1E3007

#07302E

#1A0730

Color Blindness Simulation

Original

#300709

Protanopia

#1E1E09

Deuteranopia

#212408

Tritanopia

#2E0808

Achromatopsia

#101010

CSS Usage

background-color: #300709;
color: #300709;
border-color: #300709;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FCF3F3
100
#F8E2E3
200
#F6C1C3
300
#EF9499
400
#E75A61
500
#DE212A
600
#B21A21
700
#8E151B
800
#6F1015
900
#511013
950
#330A0C

Contrast Checker

Text on white

18.1:1

AA Pass AAA Pass

Text on black

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