#3C0424

#3C0424

Color Values

HEX

#3C0424

RGB

60, 4, 36

HSL

325.7, 87.5%, 12.5%

HSV

325.7, 93.3%, 23.5%

CMYK

0.0%, 93.3%, 40.0%, 76.5%

OKLCH

0.2395 0.0913 351.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3C0424

#043C1C

Analogous

#38043C

#3C0408

#3C0424

Triadic

#3C0424

#243C04

#04243C

Split Complementary

#3C0424

#083C04

#043C38

Tetradic

#3C0424

#3C3804

#043C1C

#04083C

Color Blindness Simulation

Original

#3C0424

Protanopia

#24231C

Deuteranopia

#272B1A

Tritanopia

#391615

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FBBCE0
300
#F78CC9
400
#F34EAC
500
#EF108F
600
#BF0D73
700
#990A5C
800
#780848
900
#570A36
950
#370722

Contrast Checker

Text on white

17.0:1

AA Pass AAA Pass

Text on black

1.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026