#310C18

#310C18

Color Values

HEX

#310C18

RGB

49, 12, 24

HSL

340.5, 60.7%, 12.0%

HSV

340.5, 75.5%, 19.2%

CMYK

0.0%, 75.5%, 51.0%, 80.8%

OKLCH

0.2221 0.0614 3.5

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#310C18

#0C3125

Analogous

#310C2B

#31130C

#310C18

Triadic

#310C18

#18310C

#0C1831

Split Complementary

#310C18

#0C3113

#0C2B31

Tetradic

#310C18

#2B310C

#0C3125

#130C31

Color Blindness Simulation

Original

#310C18

Protanopia

#212115

Deuteranopia

#232614

Tritanopia

#2F1312

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#FBF3F6
100
#F6E4EA
200
#F1C6D4
300
#E79DB5
400
#DA678D
500
#CD3264
600
#A42850
700
#832040
800
#661932
900
#4B1627
950
#2F0E19

Contrast Checker

Text on white

17.55:1

AA Pass AAA Pass

Text on black

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