#5F0AC0

#5F0AC0

Color Values

HEX

#5F0AC0

RGB

95, 10, 192

HSL

268.0, 90.1%, 39.6%

HSV

268.0, 94.8%, 75.3%

CMYK

50.5%, 94.8%, 0.0%, 24.7%

OKLCH

0.4323 0.2335 293.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5F0AC0

#6BC00A

Analogous

#0A10C0

#BA0AC0

#5F0AC0

Triadic

#5F0AC0

#C05F0A

#0AC05F

Split Complementary

#5F0AC0

#C0BA0A

#10C00A

Tetradic

#5F0AC0

#C00A10

#6BC00A

#0AC0BA

Color Blindness Simulation

Original

#5F0AC0

Protanopia

#3A3994

Deuteranopia

#3F4689

Tritanopia

#5B716A

Achromatopsia

#292929

CSS Usage

background-color: #5F0AC0;
color: #5F0AC0;
border-color: #5F0AC0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D9BBFB
300
#BE8BF9
400
#9B4CF6
500
#780DF2
600
#600AC2
700
#4D089B
800
#3C0679
900
#2E0958
950
#1D0637

Contrast Checker

Text on white

9.17:1

AA Pass AAA Pass

Text on black

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