#31002C

#31002C

Color Values

HEX

#31002C

RGB

49, 0, 44

HSL

306.1, 100.0%, 9.6%

HSV

306.1, 100.0%, 19.2%

CMYK

0.0%, 100.0%, 10.2%, 80.8%

OKLCH

0.216 0.0969 333.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#31002C

#003105

Analogous

#1D0031

#310014

#31002C

Triadic

#31002C

#2C3100

#002C31

Split Complementary

#31002C

#143100

#00311D

Tetradic

#31002C

#311D00

#003105

#001431

Color Blindness Simulation

Original

#31002C

Protanopia

#1C1B21

Deuteranopia

#1F221F

Tritanopia

#2F1917

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEF9
200
#FFB8F8
300
#FF85F3
400
#FF42EC
500
#FF00E5
600
#CC00B7
700
#A30093
800
#800073
900
#5C0553
950
#3A0335

Contrast Checker

Text on white

18.0:1

AA Pass AAA Pass

Text on black

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