#320C25

#320C25

Color Values

HEX

#320C25

RGB

50, 12, 37

HSL

320.5, 61.3%, 12.2%

HSV

320.5, 76.0%, 19.6%

CMYK

0.0%, 76.0%, 26.0%, 80.4%

OKLCH

0.2299 0.0702 343.7

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#320C25

#0C3219

Analogous

#2C0C32

#320C12

#320C25

Triadic

#320C25

#25320C

#0C2532

Split Complementary

#320C25

#12320C

#0C322C

Tetradic

#320C25

#322C0C

#0C3219

#0C1232

Color Blindness Simulation

Original

#320C25

Protanopia

#22211F

Deuteranopia

#24271E

Tritanopia

#301A19

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#FBF3F9
100
#F6E4F0
200
#F1C5E2
300
#E79CCE
400
#DA67B3
500
#CE3198
600
#A5277A
700
#842061
800
#67194C
900
#4B1639
950
#2F0E24

Contrast Checker

Text on white

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