#2C1622

#2C1622

Color Values

HEX

#2C1622

RGB

44, 22, 34

HSL

327.3, 33.3%, 12.9%

HSV

327.3, 50.0%, 17.3%

CMYK

0.0%, 50.0%, 22.7%, 82.7%

OKLCH

0.2358 0.0405 346.8

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#2C1622

#162C20

Analogous

#2B162C

#2C1617

#2C1622

Triadic

#2C1622

#222C16

#16222C

Split Complementary

#2C1622

#172C16

#162C2B

Tetradic

#2C1622

#2C2B16

#162C20

#16172C

Color Blindness Simulation

Original

#2C1622

Protanopia

#22221F

Deuteranopia

#24251E

Tritanopia

#2B1D1C

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F2E8EE
200
#E7CFDC
300
#D6ADC4
400
#C081A3
500
#AA5583
600
#884469
700
#6D3654
800
#552B42
900
#3F2232
950
#28151F

Contrast Checker

Text on white

16.87:1

AA Pass AAA Pass

Text on black

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