#301421

#301421

Color Values

HEX

#301421

RGB

48, 20, 33

HSL

332.1, 41.2%, 13.3%

HSV

332.1, 58.3%, 18.8%

CMYK

0.0%, 58.3%, 31.3%, 81.2%

OKLCH

0.2378 0.0492 352.3

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#301421

#143023

Analogous

#30142F

#301514

#301421

Triadic

#301421

#213014

#142130

Split Complementary

#301421

#143015

#142F30

Tetradic

#301421

#2F3014

#143023

#151430

Color Blindness Simulation

Original

#301421

Protanopia

#24241E

Deuteranopia

#26281D

Tritanopia

#2F1B1B

Achromatopsia

#1B1B1B

CSS Usage

background-color: #301421;
color: #301421;
border-color: #301421;
Nearest Tailwind: Zinc 900 #18181B

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#EACDDA
300
#DBA9C0
400
#C87A9E
500
#B44B7C
600
#903C63
700
#73304F
800
#5A253E
900
#421E2F
950
#2A131E

Contrast Checker

Text on white

16.83:1

AA Pass AAA Pass

Text on black

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