#310507

#310507

Color Values

HEX

#310507

RGB

49, 5, 7

HSL

357.3, 81.5%, 10.6%

HSV

357.3, 89.8%, 19.2%

CMYK

0.0%, 89.8%, 85.7%, 80.8%

OKLCH

0.2067 0.0709 23.2

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#310507

#05312F

Analogous

#31051D

#311905

#310507

Triadic

#310507

#073105

#050731

Split Complementary

#310507

#053119

#051D31

Tetradic

#310507

#1D3105

#05312F

#190531

Color Blindness Simulation

Original

#310507

Protanopia

#1E1E07

Deuteranopia

#202406

Tritanopia

#2F0606

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F8BEC1
300
#F49094
400
#EE545B
500
#E71821
600
#B9131A
700
#940F15
800
#740C10
900
#540D10
950
#35080A

Contrast Checker

Text on white

18.18:1

AA Pass AAA Pass

Text on black

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