#4D172C

#4D172C

Color Values

HEX

#4D172C

RGB

77, 23, 44

HSL

336.7, 54.0%, 19.6%

HSV

336.7, 70.1%, 30.2%

CMYK

0.0%, 70.1%, 42.9%, 69.8%

OKLCH

0.2984 0.0844 359.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#4D172C

#174D38

Analogous

#4D1747

#4D1D17

#4D172C

Triadic

#4D172C

#2C4D17

#172C4D

Split Complementary

#4D172C

#174D1D

#17474D

Tetradic

#4D172C

#474D17

#174D38

#1D174D

Color Blindness Simulation

Original

#4D172C

Protanopia

#363527

Deuteranopia

#393D26

Tritanopia

#4A2322

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EB
200
#EFC8D7
300
#E3A1BA
400
#D46E95
500
#C43B70
600
#9D2F5A
700
#7E2648
800
#621D38
900
#48192B
950
#2D101B

Contrast Checker

Text on white

14.24:1

AA Pass AAA Pass

Text on black

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