#510848

#510848

Color Values

HEX

#510848

RGB

81, 8, 72

HSL

307.4, 82.0%, 17.5%

HSV

307.4, 90.1%, 31.8%

CMYK

0.0%, 90.1%, 11.1%, 68.2%

OKLCH

0.3049 0.1255 334.2

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#510848

#085111

Analogous

#360851

#510824

#510848

Triadic

#510848

#485108

#084851

Split Complementary

#510848

#245108

#085136

Tetradic

#510848

#513608

#085111

#082451

Color Blindness Simulation

Original

#510848

Protanopia

#313139

Deuteranopia

#363B35

Tritanopia

#4D2C2A

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE1F7
200
#F9BEF1
300
#F490E8
400
#EE53DB
500
#E817CE
600
#BA12A5
700
#950F84
800
#740B67
900
#540D4B
950
#350830

Contrast Checker

Text on white

14.21:1

AA Pass AAA Pass

Text on black

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