#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