#310A2C

#310A2C

Color Values

HEX

#310A2C

RGB

49, 10, 44

HSL

307.7, 66.1%, 11.6%

HSV

307.7, 79.6%, 19.2%

CMYK

0.0%, 79.6%, 10.2%, 80.8%

OKLCH

0.2295 0.0789 333.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#310A2C

#0A310F

Analogous

#230A31

#310A19

#310A2C

Triadic

#310A2C

#2C310A

#0A2C31

Split Complementary

#310A2C

#19310A

#0A3123

Tetradic

#310A2C

#31230A

#0A310F

#0A1931

Color Blindness Simulation

Original

#310A2C

Protanopia

#202024

Deuteranopia

#222522

Tritanopia

#2F1D1C

Achromatopsia

#151515

CSS Usage

background-color: #310A2C;
color: #310A2C;
border-color: #310A2C;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C4ED
300
#EA99E0
400
#DF62CF
500
#D42BBE
600
#A92398
700
#881C7A
800
#6A165F
900
#4D1446
950
#310C2C

Contrast Checker

Text on white

17.35:1

AA Pass AAA Pass

Text on black

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