#30100B

#30100B

Color Values

HEX

#30100B

RGB

48, 16, 11

HSL

8.1, 62.7%, 11.6%

HSV

8.1, 77.1%, 18.8%

CMYK

0.0%, 66.7%, 77.1%, 81.2%

OKLCH

0.2231 0.0537 30.8

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#30100B

#0B2B30

Analogous

#300B19

#30230B

#30100B

Triadic

#30100B

#0B3010

#100B30

Split Complementary

#30100B

#0B3023

#0B1930

Tetradic

#30100B

#19300B

#0B2B30

#230B30

Color Blindness Simulation

Original

#30100B

Protanopia

#22220C

Deuteranopia

#24260C

Tritanopia

#2E0D0D

Achromatopsia

#161616

CSS Usage

background-color: #30100B;
color: #30100B;
border-color: #30100B;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FBF4F3
100
#F7E6E4
200
#F2CBC5
300
#E8A69B
400
#DC7565
500
#CF4530
600
#A63726
700
#852C1E
800
#682318
900
#4C1C15
950
#30120D

Contrast Checker

Text on white

17.43:1

AA Pass AAA Pass

Text on black

1.2:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026