#502C4D

#502C4D

Color Values

HEX

#502C4D

RGB

80, 44, 77

HSL

305.0, 29.0%, 24.3%

HSV

305.0, 45.0%, 31.4%

CMYK

0.0%, 45.0%, 3.7%, 68.6%

OKLCH

0.3522 0.0727 330.0

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#502C4D

#2C502F

Analogous

#412C50

#502C3B

#502C4D

Triadic

#502C4D

#4D502C

#2C4D50

Split Complementary

#502C4D

#3B502C

#2C5041

Tetradic

#502C4D

#50412C

#2C502F

#2C3B50

Color Blindness Simulation

Original

#502C4D

Protanopia

#404045

Deuteranopia

#424543

Tritanopia

#4E3F3D

Achromatopsia

#363636

CSS Usage

background-color: #502C4D;
color: #502C4D;
border-color: #502C4D;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F9F5F9
100
#F2E9F1
200
#E6D1E4
300
#D4B0D1
400
#BC85B7
500
#A45B9E
600
#84487F
700
#693A65
800
#522D4F
900
#3D243B
950
#271725

Contrast Checker

Text on white

11.61:1

AA Pass AAA Pass

Text on black

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