#5309B4

#5309B4

Color Values

HEX

#5309B4

RGB

83, 9, 180

HSL

266.0, 90.5%, 37.1%

HSV

266.0, 95.0%, 70.6%

CMYK

53.9%, 95.0%, 0.0%, 29.4%

OKLCH

0.4058 0.2223 291.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5309B4

#6AB409

Analogous

#0914B4

#A909B4

#5309B4

Triadic

#5309B4

#B45309

#09B453

Split Complementary

#5309B4

#B4A909

#14B409

Tetradic

#5309B4

#B40914

#6AB409

#09B4A9

Color Blindness Simulation

Original

#5309B4

Protanopia

#33328B

Deuteranopia

#373D81

Tritanopia

#4F6A63

Achromatopsia

#252525

CSS Usage

background-color: #5309B4;
color: #5309B4;
border-color: #5309B4;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F1FD
100
#EBDFFB
200
#D7BBFC
300
#BA8AF9
400
#954BF6
500
#700CF3
600
#5A0AC2
700
#48089B
800
#380679
900
#2B0958
950
#1B0638

Contrast Checker

Text on white

10.16:1

AA Pass AAA Pass

Text on black

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