#503261

#503261

Color Values

HEX

#503261

RGB

80, 50, 97

HSL

278.3, 32.0%, 28.8%

HSV

278.3, 48.5%, 38.0%

CMYK

17.5%, 48.5%, 0.0%, 62.0%

OKLCH

0.3742 0.0852 312.3

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#503261

#436132

Analogous

#383261

#61325A

#503261

Triadic

#503261

#615032

#326150

Split Complementary

#503261

#5A6132

#326138

Tetradic

#503261

#613832

#436132

#325A61

Color Blindness Simulation

Original

#503261

Protanopia

#434356

Deuteranopia

#454753

Tritanopia

#4E4D4B

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DED0E7
300
#C7AED5
400
#A982BF
500
#8B57A8
600
#6F4587
700
#59376C
800
#452B54
900
#34223E
950
#211627

Contrast Checker

Text on white

10.66:1

AA Pass AAA Pass

Text on black

1.97:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026