#31032F

#31032F

Color Values

HEX

#31032F

RGB

49, 3, 47

HSL

302.6, 88.5%, 10.2%

HSV

302.6, 93.9%, 19.2%

CMYK

0.0%, 93.9%, 4.1%, 80.8%

OKLCH

0.2223 0.0937 330.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#31032F

#033105

Analogous

#1C0331

#310318

#31032F

Triadic

#31032F

#2F3103

#032F31

Split Complementary

#31032F

#183103

#03311C

Tetradic

#31032F

#311C03

#033105

#031831

Color Blindness Simulation

Original

#31032F

Protanopia

#1D1D24

Deuteranopia

#202322

Tritanopia

#2F1C1A

Achromatopsia

#101010

CSS Usage

background-color: #31032F;
color: #31032F;
border-color: #31032F;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF2FD
100
#FBE0F9
200
#FBBCF8
300
#F88CF3
400
#F44DED
500
#F00FE7
600
#C00CB8
700
#9A0994
800
#780773
900
#570A54
950
#370635

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