#310204

#310204

Color Values

HEX

#310204

RGB

49, 2, 4

HSL

357.4, 92.2%, 10.0%

HSV

357.4, 95.9%, 19.2%

CMYK

0.0%, 95.9%, 91.8%, 80.8%

OKLCH

0.2011 0.0762 24.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#310204

#02312F

Analogous

#31021C

#311702

#310204

Triadic

#310204

#043102

#020431

Split Complementary

#310204

#023117

#021C31

Tetradic

#310204

#1C3102

#02312F

#170231

Color Blindness Simulation

Original

#310204

Protanopia

#1D1C04

Deuteranopia

#1F2303

Tritanopia

#2F0303

Achromatopsia

#0C0C0C

CSS Usage

background-color: #310204;
color: #310204;
border-color: #310204;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FCBABD
300
#FA898E
400
#F84A51
500
#F50A14
600
#C40810
700
#9D060D
800
#7B050A
900
#59080C
950
#380507

Contrast Checker

Text on white

18.4:1

AA Pass AAA Pass

Text on black

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