#51015C

#51015C

Color Values

HEX

#51015C

RGB

81, 1, 92

HSL

292.7, 97.8%, 18.2%

HSV

292.7, 98.9%, 36.1%

CMYK

12.0%, 98.9%, 0.0%, 63.9%

OKLCH

0.3142 0.1479 322.0

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#51015C

#0C5C01

Analogous

#23015C

#5C0139

#51015C

Triadic

#51015C

#5C5101

#015C51

Split Complementary

#51015C

#395C01

#015C23

Tetradic

#51015C

#5C2301

#0C5C01

#01395C

Color Blindness Simulation

Original

#51015C

Protanopia

#2E2E46

Deuteranopia

#333941

Tritanopia

#4D3531

Achromatopsia

#191919

CSS Usage

background-color: #51015C;
color: #51015C;
border-color: #51015C;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FCF1FE
100
#F8DEFC
200
#F6B8FE
300
#EF86FE
400
#E644FD
500
#DE03FC
600
#B102CA
700
#8E02A1
800
#6F017E
900
#51065B
950
#33043A

Contrast Checker

Text on white

13.92:1

AA Pass AAA Pass

Text on black

1.51:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026