#310909

#310909

Color Values

HEX

#310909

RGB

49, 9, 9

HSL

0.0, 69.0%, 11.4%

HSV

0.0, 81.6%, 19.2%

CMYK

0.0%, 81.6%, 81.6%, 80.8%

OKLCH

0.2133 0.0649 24.5

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#310909

#093131

Analogous

#31091D

#311D09

#310909

Triadic

#310909

#093109

#090931

Split Complementary

#310909

#09311D

#091D31

Tetradic

#310909

#1D3109

#093131

#1D0931

Color Blindness Simulation

Original

#310909

Protanopia

#201F09

Deuteranopia

#222509

Tritanopia

#2F0909

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C3C3
300
#EC9898
400
#E26060
500
#D72828
600
#AC2020
700
#8A1919
800
#6C1414
900
#4F1212
950
#320C0C

Contrast Checker

Text on white

17.89:1

AA Pass AAA Pass

Text on black

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