#401727

#401727

Color Values

HEX

#401727

RGB

64, 23, 39

HSL

336.6, 47.1%, 17.1%

HSV

336.6, 64.1%, 25.1%

CMYK

0.0%, 64.1%, 39.1%, 74.9%

OKLCH

0.2732 0.0669 358.0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#401727

#174030

Analogous

#40173C

#401C17

#401727

Triadic

#401727

#274017

#172740

Split Complementary

#401727

#17401C

#173C40

Tetradic

#401727

#3C4017

#174030

#1C1740

Color Blindness Simulation

Original

#401727

Protanopia

#2E2E23

Deuteranopia

#313422

Tritanopia

#3E201F

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCAD8
300
#DFA5BB
400
#CD7497
500
#BC4372
600
#96365B
700
#782B49
800
#5E2239
900
#451C2C
950
#2C121C

Contrast Checker

Text on white

15.33:1

AA Pass AAA Pass

Text on black

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