#500259

#500259

Color Values

HEX

#500259

RGB

80, 2, 89

HSL

293.8, 95.6%, 17.8%

HSV

293.8, 97.8%, 34.9%

CMYK

10.1%, 97.8%, 0.0%, 65.1%

OKLCH

0.3108 0.1443 323.0

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#500259

#0B5902

Analogous

#240259

#590236

#500259

Triadic

#500259

#595002

#025950

Split Complementary

#500259

#365902

#025924

Tetradic

#500259

#592402

#0B5902

#023659

Color Blindness Simulation

Original

#500259

Protanopia

#2E2E44

Deuteranopia

#33393F

Tritanopia

#4C3330

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F9DFFC
200
#F6B9FD
300
#F087FC
400
#E846FB
500
#E006F9
600
#B304C8
700
#8F04A0
800
#70037D
900
#52075A
950
#330439

Contrast Checker

Text on white

14.06:1

AA Pass AAA Pass

Text on black

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