#301222

#301222

Color Values

HEX

#301222

RGB

48, 18, 34

HSL

328.0, 45.5%, 12.9%

HSV

328.0, 62.5%, 18.8%

CMYK

0.0%, 62.5%, 29.2%, 81.2%

OKLCH

0.2345 0.0541 348.9

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#301222

#123020

Analogous

#2F1230

#301213

#301222

Triadic

#301222

#223012

#122230

Split Complementary

#301222

#133012

#12302F

Tetradic

#301222

#302F12

#123020

#121330

Color Blindness Simulation

Original

#301222

Protanopia

#23231E

Deuteranopia

#25271D

Tritanopia

#2E1B1A

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDC
300
#DEA6C4
400
#CC76A4
500
#BA4583
600
#943869
700
#772C54
800
#5D2342
900
#441D32
950
#2B121F

Contrast Checker

Text on white

17.0:1

AA Pass AAA Pass

Text on black

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