#3B162C

#3B162C

Color Values

HEX

#3B162C

RGB

59, 22, 44

HSL

324.3, 45.7%, 15.9%

HSV

324.3, 62.7%, 23.1%

CMYK

0.0%, 62.7%, 25.4%, 76.9%

OKLCH

0.265 0.0661 345.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3B162C

#163B25

Analogous

#38163B

#3B161A

#3B162C

Triadic

#3B162C

#2C3B16

#162C3B

Split Complementary

#3B162C

#1A3B16

#163B38

Tetradic

#3B162C

#3B3816

#163B25

#161A3B

Color Blindness Simulation

Original

#3B162C

Protanopia

#2B2B27

Deuteranopia

#2D3025

Tritanopia

#392222

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDE
300
#DEA6C7
400
#CC76A9
500
#BA458B
600
#95376F
700
#772C59
800
#5D2345
900
#441D34
950
#2B1221

Contrast Checker

Text on white

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