#310318

#310318

Color Values

HEX

#310318

RGB

49, 3, 24

HSL

332.6, 88.5%, 10.2%

HSV

332.6, 93.9%, 19.2%

CMYK

0.0%, 93.9%, 51.0%, 80.8%

OKLCH

0.2089 0.0773 357.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#310318

#03311C

Analogous

#31032F

#310503

#310318

Triadic

#310318

#183103

#031831

Split Complementary

#310318

#033105

#032F31

Tetradic

#310318

#2F3103

#03311C

#050331

Color Blindness Simulation

Original

#310318

Protanopia

#1D1D13

Deuteranopia

#202312

Tritanopia

#2F0F0E

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FBE0EC
200
#FBBCD9
300
#F88CBD
400
#F44D99
500
#F00F76
600
#C00C5E
700
#9A094B
800
#78073B
900
#570A2D
950
#37061C

Contrast Checker

Text on white

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