#2D1222

#2D1222

Color Values

HEX

#2D1222

RGB

45, 18, 34

HSL

324.4, 42.9%, 12.4%

HSV

324.4, 60.0%, 17.6%

CMYK

0.0%, 60.0%, 24.4%, 82.4%

OKLCH

0.2294 0.0506 345.3

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#2D1222

#122D1D

Analogous

#2B122D

#2D1215

#2D1222

Triadic

#2D1222

#222D12

#12222D

Split Complementary

#2D1222

#152D12

#122D2B

Tetradic

#2D1222

#2D2B12

#122D1D

#12152D

Color Blindness Simulation

Original

#2D1222

Protanopia

#21211E

Deuteranopia

#23251D

Tritanopia

#2C1B1A

Achromatopsia

#191919

CSS Usage

background-color: #2D1222;
color: #2D1222;
border-color: #2D1222;
Nearest Tailwind: Gray 900 #111827

Tailwind Shades

50
#FAF5F8
100
#F4E7EE
200
#EBCCDE
300
#DCA8C7
400
#C978A8
500
#B6498A
600
#923A6E
700
#752F58
800
#5B2445
900
#431E34
950
#2A1321

Contrast Checker

Text on white

17.2:1

AA Pass AAA Pass

Text on black

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