#50097E

#50097E

Color Values

HEX

#50097E

RGB

80, 9, 126

HSL

276.4, 86.7%, 26.5%

HSV

276.4, 92.9%, 49.4%

CMYK

36.5%, 92.9%, 0.0%, 50.6%

OKLCH

0.3471 0.1712 305.4

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#50097E

#377E09

Analogous

#15097E

#7E0972

#50097E

Triadic

#50097E

#7E5009

#097E50

Split Complementary

#50097E

#727E09

#097E15

Tetradic

#50097E

#7E1509

#377E09

#09727E

Color Blindness Simulation

Original

#50097E

Protanopia

#313162

Deuteranopia

#353B5B

Tritanopia

#4C4B46

Achromatopsia

#212121

CSS Usage

background-color: #50097E;
color: #50097E;
border-color: #50097E;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F9F2FD
100
#F0E0FA
200
#E2BCFA
300
#CD8DF7
400
#B24FF2
500
#9711EE
600
#790EBE
700
#610B98
800
#4C0877
900
#390B56
950
#240736

Contrast Checker

Text on white

12.49:1

AA Pass AAA Pass

Text on black

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