#310C2C

#310C2C

Color Values

HEX

#310C2C

RGB

49, 12, 44

HSL

308.1, 60.7%, 12.0%

HSV

308.1, 75.5%, 19.2%

CMYK

0.0%, 75.5%, 10.2%, 80.8%

OKLCH

0.2321 0.0756 333.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#310C2C

#0C3111

Analogous

#240C31

#310C1A

#310C2C

Triadic

#310C2C

#2C310C

#0C2C31

Split Complementary

#310C2C

#1A310C

#0C3124

Tetradic

#310C2C

#31240C

#0C3111

#0C1A31

Color Blindness Simulation

Original

#310C2C

Protanopia

#212124

Deuteranopia

#232622

Tritanopia

#2F1E1D

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#FBF3FA
100
#F6E4F4
200
#F1C6EB
300
#E79DDD
400
#DA67CA
500
#CD32B8
600
#A42893
700
#832076
800
#66195C
900
#4B1644
950
#2F0E2B

Contrast Checker

Text on white

17.22:1

AA Pass AAA Pass

Text on black

1.22:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026