#2F1222

#2F1222

Color Values

HEX

#2F1222

RGB

47, 18, 34

HSL

326.9, 44.6%, 12.7%

HSV

326.9, 61.7%, 18.4%

CMYK

0.0%, 61.7%, 27.7%, 81.6%

OKLCH

0.2328 0.0529 347.7

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#2F1222

#122F1F

Analogous

#2D122F

#2F1213

#2F1222

Triadic

#2F1222

#222F12

#12222F

Split Complementary

#2F1222

#132F12

#122F2D

Tetradic

#2F1222

#2F2D12

#122F1F

#12132F

Color Blindness Simulation

Original

#2F1222

Protanopia

#22221E

Deuteranopia

#24261D

Tritanopia

#2E1B1A

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCBDD
300
#DDA7C5
400
#CB77A5
500
#B84785
600
#93396B
700
#762D55
800
#5C2343
900
#441D32
950
#2B1220

Contrast Checker

Text on white

17.07:1

AA Pass AAA Pass

Text on black

1.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026