#320F30

#320F30

Color Values

HEX

#320F30

RGB

50, 15, 48

HSL

303.4, 53.8%, 12.7%

HSV

303.4, 70.0%, 19.6%

CMYK

0.0%, 70.0%, 4.0%, 80.4%

OKLCH

0.2407 0.075 329.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#320F30

#0F3211

Analogous

#220F32

#320F1E

#320F30

Triadic

#320F30

#30320F

#0F3032

Split Complementary

#320F30

#1E320F

#0F3222

Tetradic

#320F30

#32220F

#0F3211

#0F1E32

Color Blindness Simulation

Original

#320F30

Protanopia

#232328

Deuteranopia

#252826

Tritanopia

#302220

Achromatopsia

#191919

CSS Usage

background-color: #320F30;
color: #320F30;
border-color: #320F30;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EFC8EC
300
#E3A1DF
400
#D36ECE
500
#C43BBC
600
#9D2F97
700
#7E2679
800
#621D5E
900
#481945
950
#2D102C

Contrast Checker

Text on white

16.85:1

AA Pass AAA Pass

Text on black

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