#320722

#320722

Color Values

HEX

#320722

RGB

50, 7, 34

HSL

322.3, 75.4%, 11.2%

HSV

322.3, 86.0%, 19.6%

CMYK

0.0%, 86.0%, 32.0%, 80.4%

OKLCH

0.2216 0.0765 346.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#320722

#073217

Analogous

#2D0732

#32070D

#320722

Triadic

#320722

#223207

#072232

Split Complementary

#320722

#0D3207

#07322D

Tetradic

#320722

#322D07

#073217

#070D32

Color Blindness Simulation

Original

#320722

Protanopia

#1F1F1B

Deuteranopia

#22251A

Tritanopia

#301615

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#FCF2F9
100
#F9E2F0
200
#F6C0E2
300
#F094CE
400
#E85AB3
500
#E01F98
600
#B3197A
700
#8F1461
800
#70104C
900
#511039
950
#330A24

Contrast Checker

Text on white

17.66:1

AA Pass AAA Pass

Text on black

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