#310415

#310415

Color Values

HEX

#310415

RGB

49, 4, 21

HSL

337.3, 84.9%, 10.4%

HSV

337.3, 91.8%, 19.2%

CMYK

0.0%, 91.8%, 57.1%, 80.8%

OKLCH

0.2092 0.0741 2.7

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#310415

#043120

Analogous

#31042C

#310904

#310415

Triadic

#310415

#153104

#041531

Split Complementary

#310415

#043109

#042C31

Tetradic

#310415

#2C3104

#043120

#090431

Color Blindness Simulation

Original

#310415

Protanopia

#1E1D11

Deuteranopia

#202410

Tritanopia

#2F0E0D

Achromatopsia

#0F0F0F

CSS Usage

background-color: #310415;
color: #310415;
border-color: #310415;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F6
100
#FAE0EA
200
#FABDD4
300
#F68EB5
400
#F1518D
500
#EC1365
600
#BD0F51
700
#970C41
800
#760A33
900
#550B27
950
#360719

Contrast Checker

Text on white

18.12:1

AA Pass AAA Pass

Text on black

1.16:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026