#331227

#331227

Color Values

HEX

#331227

RGB

51, 18, 39

HSL

321.8, 47.8%, 13.5%

HSV

321.8, 64.7%, 20.0%

CMYK

0.0%, 64.7%, 23.5%, 80.0%

OKLCH

0.2421 0.0615 343.7

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#331227

#12331E

Analogous

#2E1233

#331216

#331227

Triadic

#331227

#273312

#122733

Split Complementary

#331227

#163312

#12332E

Tetradic

#331227

#332E12

#12331E

#121633

Color Blindness Simulation

Original

#331227

Protanopia

#252422

Deuteranopia

#272921

Tritanopia

#311E1D

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#ECCAE0
300
#DFA5CA
400
#CE74AD
500
#BC4390
600
#973573
700
#792B5C
800
#5E2148
900
#451C36
950
#2C1122

Contrast Checker

Text on white

16.71:1

AA Pass AAA Pass

Text on black

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