#351424

#351424

Color Values

HEX

#351424

RGB

53, 20, 36

HSL

330.9, 45.2%, 14.3%

HSV

330.9, 62.3%, 20.8%

CMYK

0.0%, 62.3%, 32.1%, 79.2%

OKLCH

0.2476 0.0575 351.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#351424

#143525

Analogous

#351434

#351414

#351424

Triadic

#351424

#243514

#142435

Split Complementary

#351424

#143514

#143435

Tetradic

#351424

#343514

#143525

#141435

Color Blindness Simulation

Original

#351424

Protanopia

#272620

Deuteranopia

#292B1F

Tritanopia

#331D1C

Achromatopsia

#1C1C1C

CSS Usage

background-color: #351424;
color: #351424;
border-color: #351424;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#EBCBDB
300
#DDA6C1
400
#CB769F
500
#B9467E
600
#943865
700
#762D50
800
#5D233F
900
#441D30
950
#2B121E

Contrast Checker

Text on white

16.45:1

AA Pass AAA Pass

Text on black

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