#36101F

#36101F

Color Values

HEX

#36101F

RGB

54, 16, 31

HSL

336.3, 54.3%, 13.7%

HSV

336.3, 70.4%, 21.2%

CMYK

0.0%, 70.4%, 42.6%, 78.8%

OKLCH

0.2406 0.0635 358.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#36101F

#103627

Analogous

#361032

#361410

#36101F

Triadic

#36101F

#1F3610

#101F36

Split Complementary

#36101F

#103614

#103236

Tetradic

#36101F

#323610

#103627

#141036

Color Blindness Simulation

Original

#36101F

Protanopia

#26251B

Deuteranopia

#282B1A

Tritanopia

#341918

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EB
200
#EFC8D7
300
#E3A1BB
400
#D46D96
500
#C53A71
600
#9D2F5A
700
#7E2548
800
#621D38
900
#48192B
950
#2E101B

Contrast Checker

Text on white

16.79:1

AA Pass AAA Pass

Text on black

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