#310517

#310517

Color Values

HEX

#310517

RGB

49, 5, 23

HSL

335.5, 81.5%, 10.6%

HSV

335.5, 89.8%, 19.2%

CMYK

0.0%, 89.8%, 53.1%, 80.8%

OKLCH

0.2115 0.073 0.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#310517

#05311F

Analogous

#31052D

#310905

#310517

Triadic

#310517

#173105

#051731

Split Complementary

#310517

#053109

#052D31

Tetradic

#310517

#2D3105

#05311F

#090531

Color Blindness Simulation

Original

#310517

Protanopia

#1E1E13

Deuteranopia

#202412

Tritanopia

#2F0F0E

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F8BED6
300
#F490B9
400
#EE5493
500
#E7186C
600
#B91357
700
#940F45
800
#740C36
900
#540D2A
950
#35081A

Contrast Checker

Text on white

18.03:1

AA Pass AAA Pass

Text on black

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