#30212C

#30212C

Color Values

HEX

#30212C

RGB

48, 33, 44

HSL

316.0, 18.5%, 15.9%

HSV

316.0, 31.2%, 18.8%

CMYK

0.0%, 31.3%, 8.3%, 81.2%

OKLCH

0.2704 0.0297 336.3

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#30212C

#213025

Analogous

#2D2130

#302125

#30212C

Triadic

#30212C

#2C3021

#212C30

Split Complementary

#30212C

#253021

#21302D

Tetradic

#30212C

#302D21

#213025

#212530

Color Blindness Simulation

Original

#30212C

Protanopia

#2A2929

Deuteranopia

#2A2B29

Tritanopia

#2F2727

Achromatopsia

#252525

CSS Usage

background-color: #30212C;
color: #30212C;
border-color: #30212C;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DE
300
#CDB6C7
400
#B28FA9
500
#97688B
600
#79536F
700
#614359
800
#4C3445
900
#392834
950
#241A21

Contrast Checker

Text on white

15.22:1

AA Pass AAA Pass

Text on black

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