#502C62

#502C62

Color Values

HEX

#502C62

RGB

80, 44, 98

HSL

280.0, 38.0%, 27.8%

HSV

280.0, 55.1%, 38.4%

CMYK

18.4%, 55.1%, 0.0%, 61.6%

OKLCH

0.3641 0.0978 313.3

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#502C62

#3E622C

Analogous

#352C62

#622C59

#502C62

Triadic

#502C62

#62502C

#2C6250

Split Complementary

#502C62

#59622C

#2C6235

Tetradic

#502C62

#62352C

#3E622C

#2C5962

Color Blindness Simulation

Original

#502C62

Protanopia

#404055

Deuteranopia

#424552

Tritanopia

#4E4B48

Achromatopsia

#383838

CSS Usage

background-color: #502C62;
color: #502C62;
border-color: #502C62;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CEE9
300
#CAABD9
400
#AD7DC5
500
#904FB0
600
#733F8D
700
#5C3371
800
#482858
900
#362041
950
#221429

Contrast Checker

Text on white

11.18:1

AA Pass AAA Pass

Text on black

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