#50172C

#50172C

Color Values

HEX

#50172C

RGB

80, 23, 44

HSL

337.9, 55.3%, 20.2%

HSV

337.9, 71.2%, 31.4%

CMYK

0.0%, 71.2%, 45.0%, 68.6%

OKLCH

0.3039 0.0878 1.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#50172C

#17503B

Analogous

#501748

#501F17

#50172C

Triadic

#50172C

#2C5017

#172C50

Split Complementary

#50172C

#17501F

#174850

Tetradic

#50172C

#485017

#17503B

#1F1750

Color Blindness Simulation

Original

#50172C

Protanopia

#373727

Deuteranopia

#3B3F26

Tritanopia

#4D2322

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F6E5EB
200
#EFC8D6
300
#E4A0B9
400
#D56C93
500
#C6396D
600
#9E2E57
700
#7F2446
800
#631C36
900
#49182A
950
#2E0F1B

Contrast Checker

Text on white

14.0:1

AA Pass AAA Pass

Text on black

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