#310A09

#310A09

Color Values

HEX

#310A09

RGB

49, 10, 9

HSL

1.5, 69.0%, 11.4%

HSV

1.5, 81.6%, 19.2%

CMYK

0.0%, 79.6%, 81.6%, 80.8%

OKLCH

0.2148 0.0636 25.6

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#310A09

#093031

Analogous

#31091C

#311E09

#310A09

Triadic

#310A09

#09310A

#0A0931

Split Complementary

#310A09

#09311E

#091C31

Tetradic

#310A09

#1C3109

#093031

#1E0931

Color Blindness Simulation

Original

#310A09

Protanopia

#202009

Deuteranopia

#222509

Tritanopia

#2F0909

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C4C3
300
#EC9A98
400
#E26360
500
#D72C28
600
#AC2320
700
#8A1C19
800
#6C1614
900
#4F1412
950
#320D0C

Contrast Checker

Text on white

17.83:1

AA Pass AAA Pass

Text on black

1.18:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026