#310C16

#310C16

Color Values

HEX

#310C16

RGB

49, 12, 22

HSL

343.8, 60.7%, 12.0%

HSV

343.8, 75.5%, 19.2%

CMYK

0.0%, 75.5%, 55.1%, 80.8%

OKLCH

0.2214 0.0608 6.9

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#310C16

#0C3127

Analogous

#310C29

#31150C

#310C16

Triadic

#310C16

#16310C

#0C1631

Split Complementary

#310C16

#0C3115

#0C2931

Tetradic

#310C16

#29310C

#0C3127

#150C31

Color Blindness Simulation

Original

#310C16

Protanopia

#212114

Deuteranopia

#232613

Tritanopia

#2F1211

Achromatopsia

#151515

CSS Usage

background-color: #310C16;
color: #310C16;
border-color: #310C16;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FBF3F6
100
#F6E4E9
200
#F1C6D1
300
#E79DB1
400
#DA6786
500
#CD325C
600
#A4284A
700
#83203B
800
#66192E
900
#4B1624
950
#2F0E17

Contrast Checker

Text on white

17.58:1

AA Pass AAA Pass

Text on black

1.19:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026