#310403

#310403

Color Values

HEX

#310403

RGB

49, 4, 3

HSL

1.3, 88.5%, 10.2%

HSV

1.3, 93.9%, 19.2%

CMYK

0.0%, 91.8%, 93.9%, 80.8%

OKLCH

0.2042 0.0733 28.2

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#310403

#033031

Analogous

#310319

#311B03

#310403

Triadic

#310403

#033104

#040331

Split Complementary

#310403

#03311B

#031931

Tetradic

#310403

#193103

#033031

#1B0331

Color Blindness Simulation

Original

#310403

Protanopia

#1E1D03

Deuteranopia

#202403

Tritanopia

#2F0303

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBDBC
300
#F88E8C
400
#F4514D
500
#F0140F
600
#C0100C
700
#9A0D09
800
#780A07
900
#570C0A
950
#370706

Contrast Checker

Text on white

18.27:1

AA Pass AAA Pass

Text on black

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