#310516

#310516

Color Values

HEX

#310516

RGB

49, 5, 22

HSL

336.8, 81.5%, 10.6%

HSV

336.8, 89.8%, 19.2%

CMYK

0.0%, 89.8%, 55.1%, 80.8%

OKLCH

0.2111 0.0726 1.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#310516

#053120

Analogous

#31052C

#310A05

#310516

Triadic

#310516

#163105

#051631

Split Complementary

#310516

#05310A

#052C31

Tetradic

#310516

#2C3105

#053120

#0A0531

Color Blindness Simulation

Original

#310516

Protanopia

#1E1E12

Deuteranopia

#202411

Tritanopia

#2F0F0E

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EA
200
#F8BED5
300
#F490B6
400
#EE548F
500
#E71868
600
#B91353
700
#940F43
800
#740C34
900
#540D28
950
#35081A

Contrast Checker

Text on white

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