#512779

#512779

Color Values

HEX

#512779

RGB

81, 39, 121

HSL

270.7, 51.2%, 31.4%

HSV

270.7, 67.8%, 47.5%

CMYK

33.1%, 67.8%, 0.0%, 52.5%

OKLCH

0.3736 0.1348 304.1

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#512779

#4F7927

Analogous

#282779

#792778

#512779

Triadic

#512779

#795127

#277951

Split Complementary

#512779

#787927

#277928

Tetradic

#512779

#792827

#4F7927

#277879

Color Blindness Simulation

Original

#512779

Protanopia

#3F3E65

Deuteranopia

#414460

Tritanopia

#4F5552

Achromatopsia

#363636

CSS Usage

background-color: #512779;
color: #512779;
border-color: #512779;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DCC9EE
300
#C3A2E1
400
#A270D1
500
#813EC1
600
#67329A
700
#53287B
800
#411F60
900
#311A47
950
#1F102D

Contrast Checker

Text on white

10.96:1

AA Pass AAA Pass

Text on black

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