#2D1223

#2D1223

Color Values

HEX

#2D1223

RGB

45, 18, 35

HSL

322.2, 42.9%, 12.4%

HSV

322.2, 60.0%, 17.6%

CMYK

0.0%, 60.0%, 22.2%, 82.4%

OKLCH

0.2299 0.0514 343.4

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#2D1223

#122D1C

Analogous

#2A122D

#2D1216

#2D1223

Triadic

#2D1223

#232D12

#12232D

Split Complementary

#2D1223

#162D12

#122D2A

Tetradic

#2D1223

#2D2A12

#122D1C

#12162D

Color Blindness Simulation

Original

#2D1223

Protanopia

#21211F

Deuteranopia

#23251E

Tritanopia

#2C1C1B

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F4E7EF
200
#EBCCDF
300
#DCA8C9
400
#C978AB
500
#B6498E
600
#923A71
700
#752F5B
800
#5B2447
900
#431E35
950
#2A1322

Contrast Checker

Text on white

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