#321024

#321024

Color Values

HEX

#321024

RGB

50, 16, 36

HSL

324,7, 51,5%, 12,9%

HSV

324,7, 68,0%, 19,6%

CMYK

0,0%, 68,0%, 28,0%, 80,4%

OKLCH

0,2355 0,0619 346,5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#321024

#10321E

Analogous

#2F1032

#321013

#321024

Triadic

#321024

#243210

#102432

Split Complementary

#321024

#133210

#10322F

Tetradic

#321024

#322F10

#10321E

#101332

Color Blindness Simulation

Original

#321024

Protanopia

#23231F

Deuteranopia

#25281E

Tritanopia

#301B1A

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EEC9DF
300
#E1A2C7
400
#D170A9
500
#C13E8B
600
#9B316F
700
#7C2859
800
#611F46
900
#471A34
950
#2D1021

Contrast Checker

Text on white

17,0:1

AA Pass AAA Pass

Text on black

1,24:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026