#310C17

#310C17

Color Values

HEX

#310C17

RGB

49, 12, 23

HSL

342.2, 60.7%, 12.0%

HSV

342.2, 75.5%, 19.2%

CMYK

0.0%, 75.5%, 53.1%, 80.8%

OKLCH

0.2217 0.0611 5.2

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#310C17

#0C3126

Analogous

#310C2A

#31140C

#310C17

Triadic

#310C17

#17310C

#0C1731

Split Complementary

#310C17

#0C3114

#0C2A31

Tetradic

#310C17

#2A310C

#0C3126

#140C31

Color Blindness Simulation

Original

#310C17

Protanopia

#212114

Deuteranopia

#232614

Tritanopia

#2F1212

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#FBF3F6
100
#F6E4E9
200
#F1C6D2
300
#E79DB3
400
#DA6789
500
#CD3260
600
#A4284D
700
#83203D
800
#661930
900
#4B1626
950
#2F0E18

Contrast Checker

Text on white

17.57:1

AA Pass AAA Pass

Text on black

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