#31042C

#31042C

Color Values

HEX

#31042C

RGB

49, 4, 44

HSL

306.7, 84.9%, 10.4%

HSV

306.7, 91.8%, 19.2%

CMYK

0.0%, 91.8%, 10.2%, 80.8%

OKLCH

0.2216 0.0893 333.2

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#31042C

#043109

Analogous

#200431

#310415

#31042C

Triadic

#31042C

#2C3104

#042C31

Split Complementary

#31042C

#153104

#043120

Tetradic

#31042C

#312004

#043109

#041531

Color Blindness Simulation

Original

#31042C

Protanopia

#1E1D22

Deuteranopia

#202420

Tritanopia

#2F1B19

Achromatopsia

#101010

CSS Usage

background-color: #31042C;
color: #31042C;
border-color: #31042C;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABDF3
300
#F68EEA
400
#F151DF
500
#EC13D4
600
#BD0FA9
700
#970C87
800
#760A6A
900
#550B4D
950
#360731

Contrast Checker

Text on white

17.73:1

AA Pass AAA Pass

Text on black

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