#300B09

#300B09

Color Values

HEX

#300B09

RGB

48, 11, 9

HSL

3.1, 68.4%, 11.2%

HSV

3.1, 81.3%, 18.8%

CMYK

0.0%, 77.1%, 81.3%, 81.2%

OKLCH

0.2142 0.0609 26.6

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#300B09

#092E30

Analogous

#30091B

#301F09

#300B09

Triadic

#300B09

#09300B

#0B0930

Split Complementary

#300B09

#09301F

#091B30

Tetradic

#300B09

#1B3009

#092E30

#1F0930

Color Blindness Simulation

Original

#300B09

Protanopia

#202009

Deuteranopia

#22250A

Tritanopia

#2E0A0A

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E4E3
200
#F4C5C3
300
#EC9C98
400
#E16760
500
#D73128
600
#AC2720
700
#89201A
800
#6B1914
900
#4E1613
950
#310E0C

Contrast Checker

Text on white

17.83:1

AA Pass AAA Pass

Text on black

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