#310101

#310101

Color Values

HEX

#310101

RGB

49, 1, 1

HSL

0.0, 96.0%, 9.8%

HSV

0.0, 98.0%, 19.2%

CMYK

0.0%, 98.0%, 98.0%, 80.8%

OKLCH

0.1987 0.0787 28.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#310101

#013131

Analogous

#310119

#311901

#310101

Triadic

#310101

#013101

#010131

Split Complementary

#310101

#013119

#011931

Tetradic

#310101

#193101

#013131

#190131

Color Blindness Simulation

Original

#310101

Protanopia

#1C1C01

Deuteranopia

#1F2301

Tritanopia

#2F0101

Achromatopsia

#0B0B0B

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FEB9B9
300
#FD8787
400
#FB4646
500
#FA0505
600
#C80404
700
#A00303
800
#7D0303
900
#5A0707
950
#390404

Contrast Checker

Text on white

18.5:1

AA Pass AAA Pass

Text on black

1.14:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026