#331022

#331022

Color Values

HEX

#331022

RGB

51, 16, 34

HSL

329.1, 52.2%, 13.1%

HSV

329.1, 68.6%, 20.0%

CMYK

0.0%, 68.6%, 33.3%, 80.0%

OKLCH

0.2364 0.0616 350.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#331022

#103321

Analogous

#321033

#331010

#331022

Triadic

#331022

#223310

#102233

Split Complementary

#331022

#103310

#103332

Tetradic

#331022

#333210

#103321

#101033

Color Blindness Simulation

Original

#331022

Protanopia

#24241E

Deuteranopia

#26281D

Tritanopia

#311A19

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EEC9DC
300
#E2A2C3
400
#D26FA2
500
#C23D81
600
#9B3168
700
#7C2753
800
#611E41
900
#471A31
950
#2D101F

Contrast Checker

Text on white

16.96:1

AA Pass AAA Pass

Text on black

1.24:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026