#3C162C

#3C162C

Color Values

HEX

#3C162C

RGB

60, 22, 44

HSL

325.3, 46.3%, 16.1%

HSV

325.3, 63.3%, 23.5%

CMYK

0.0%, 63.3%, 26.7%, 76.5%

OKLCH

0.2667 0.0672 346.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3C162C

#163C26

Analogous

#39163C

#3C1619

#3C162C

Triadic

#3C162C

#2C3C16

#162C3C

Split Complementary

#3C162C

#193C16

#163C39

Tetradic

#3C162C

#3C3916

#163C26

#16193C

Color Blindness Simulation

Original

#3C162C

Protanopia

#2C2B27

Deuteranopia

#2E3125

Tritanopia

#3A2222

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDE
300
#DEA5C6
400
#CC75A7
500
#BB4489
600
#95376D
700
#772C58
800
#5D2244
900
#451C34
950
#2B1221

Contrast Checker

Text on white

15.63:1

AA Pass AAA Pass

Text on black

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