#320B29

#320B29

Color Values

HEX

#320B29

RGB

50, 11, 41

HSL

313.8, 63.9%, 12.0%

HSV

313.8, 78.0%, 19.6%

CMYK

0.0%, 78.0%, 18.0%, 80.4%

OKLCH

0.2308 0.0753 338.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#320B29

#0B3214

Analogous

#280B32

#320B16

#320B29

Triadic

#320B29

#29320B

#0B2932

Split Complementary

#320B29

#16320B

#0B3228

Tetradic

#320B29

#32280B

#0B3214

#0B1632

Color Blindness Simulation

Original

#320B29

Protanopia

#212122

Deuteranopia

#232620

Tritanopia

#301C1B

Achromatopsia

#151515

CSS Usage

background-color: #320B29;
color: #320B29;
border-color: #320B29;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FCF3FA
100
#F7E3F2
200
#F2C4E8
300
#E99BD7
400
#DD64C1
500
#D12EAB
600
#A72589
700
#861D6E
800
#681756
900
#4C153F
950
#300D28

Contrast Checker

Text on white

17.28:1

AA Pass AAA Pass

Text on black

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