#320C24

#320C24

Color Values

HEX

#320C24

RGB

50, 12, 36

HSL

322.1, 61.3%, 12.2%

HSV

322.1, 76.0%, 19.6%

CMYK

0.0%, 76.0%, 28.0%, 80.4%

OKLCH

0.2294 0.0694 345.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#320C24

#0C321A

Analogous

#2D0C32

#320C11

#320C24

Triadic

#320C24

#24320C

#0C2432

Split Complementary

#320C24

#11320C

#0C322D

Tetradic

#320C24

#322D0C

#0C321A

#0C1132

Color Blindness Simulation

Original

#320C24

Protanopia

#22211E

Deuteranopia

#24271D

Tritanopia

#301A19

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4F0
200
#F1C5E1
300
#E79CCC
400
#DA67B0
500
#CE3194
600
#A52776
700
#84205F
800
#67194A
900
#4B1637
950
#2F0E23

Contrast Checker

Text on white

17.3:1

AA Pass AAA Pass

Text on black

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