#311218

#311218

Color Values

HEX

#311218

RGB

49, 18, 24

HSL

348.4, 46.3%, 13.1%

HSV

348.4, 63.3%, 19.2%

CMYK

0.0%, 63.3%, 51.0%, 80.8%

OKLCH

0.2322 0.0508 9.8

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#311218

#12312B

Analogous

#311227

#311B12

#311218

Triadic

#311218

#183112

#121831

Split Complementary

#311218

#12311B

#122731

Tetradic

#311218

#273112

#12312B

#1B1231

Color Blindness Simulation

Original

#311218

Protanopia

#242317

Deuteranopia

#252816

Tritanopia

#2F1515

Achromatopsia

#191919

CSS Usage

background-color: #311218;
color: #311218;
border-color: #311218;
Nearest Tailwind: Stone 900 #1C1917

Tailwind Shades

50
#FAF4F6
100
#F4E6E9
200
#ECCBD1
300
#DEA5B0
400
#CC7586
500
#BB445B
600
#953749
700
#772C3A
800
#5D222E
900
#451C24
950
#2B1217

Contrast Checker

Text on white

17.07:1

AA Pass AAA Pass

Text on black

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