#30222D

#30222D

Color Values

HEX

#30222D

RGB

48, 34, 45

HSL

312.9, 17.1%, 16.1%

HSV

312.9, 29.2%, 18.8%

CMYK

0.0%, 29.2%, 6.2%, 81.2%

OKLCH

0.2732 0.0285 334.1

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#30222D

#223025

Analogous

#2C2230

#302226

#30222D

Triadic

#30222D

#2D3022

#222D30

Split Complementary

#30222D

#263022

#22302C

Tetradic

#30222D

#302C22

#223025

#222630

Color Blindness Simulation

Original

#30222D

Protanopia

#2A2A2A

Deuteranopia

#2B2C2A

Tritanopia

#2F2828

Achromatopsia

#262626

CSS Usage

background-color: #30222D;
color: #30222D;
border-color: #30222D;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D5DF
300
#CCB7C8
400
#B191AA
500
#956A8C
600
#775570
700
#60445A
800
#4B3546
900
#382935
950
#231A21

Contrast Checker

Text on white

15.08:1

AA Pass AAA Pass

Text on black

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