#30100F

#30100F

Color Values

HEX

#30100F

RGB

48, 16, 15

HSL

1.8, 52.4%, 12.4%

HSV

1.8, 68.7%, 18.8%

CMYK

0.0%, 66.7%, 68.7%, 81.2%

OKLCH

0.2241 0.0527 24.0

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#30100F

#0F2F30

Analogous

#300F1F

#30210F

#30100F

Triadic

#30100F

#0F3010

#100F30

Split Complementary

#30100F

#0F3021

#0F1F30

Tetradic

#30100F

#1F300F

#0F2F30

#210F30

Color Blindness Simulation

Original

#30100F

Protanopia

#22220F

Deuteranopia

#24260F

Tritanopia

#2E0F0F

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E6E5
200
#EECAC9
300
#E2A4A2
400
#D2726F
500
#C2413D
600
#9B3431
700
#7C2927
800
#61201E
900
#471B1A
950
#2D1110

Contrast Checker

Text on white

17.4:1

AA Pass AAA Pass

Text on black

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