#2F0422

#2F0422

Color Values

HEX

#2F0422

RGB

47, 4, 34

HSL

318.1, 84.3%, 10.0%

HSV

318.1, 91.5%, 18.4%

CMYK

0.0%, 91.5%, 27.7%, 81.6%

OKLCH

0.2112 0.0797 342.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#2F0422

#042F11

Analogous

#26042F

#2F040D

#2F0422

Triadic

#2F0422

#222F04

#04222F

Split Complementary

#2F0422

#0D2F04

#042F26

Tetradic

#2F0422

#2F2604

#042F11

#040D2F

Color Blindness Simulation

Original

#2F0422

Protanopia

#1C1C1B

Deuteranopia

#1F2219

Tritanopia

#2D1514

Achromatopsia

#0F0F0F

CSS Usage

background-color: #2F0422;
color: #2F0422;
border-color: #2F0422;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2FA
100
#FAE0F2
200
#F9BDE7
300
#F58ED6
400
#F051C0
500
#EB14AA
600
#BC1088
700
#960D6D
800
#750A55
900
#550C3F
950
#360728

Contrast Checker

Text on white

18.08:1

AA Pass AAA Pass

Text on black

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