#5F129E

#5F129E

Color Values

HEX

#5F129E

RGB

95, 18, 158

HSL

273.0, 79.5%, 34.5%

HSV

273.0, 88.6%, 62.0%

CMYK

39.9%, 88.6%, 0.0%, 38.0%

OKLCH

0.4027 0.1983 302.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#5F129E

#519E12

Analogous

#19129E

#9E1297

#5F129E

Triadic

#5F129E

#9E5F12

#129E5F

Split Complementary

#5F129E

#979E12

#129E19

Tetradic

#5F129E

#9E1912

#519E12

#12979E

Color Blindness Simulation

Original

#5F129E

Protanopia

#3E3D7C

Deuteranopia

#424874

Tritanopia

#5B615C

Achromatopsia

#2C2C2C

CSS Usage

background-color: #5F129E;
color: #5F129E;
border-color: #5F129E;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DEBFF8
300
#C791F2
400
#A856EC
500
#8A1AE5
600
#6E15B7
700
#581192
800
#450D72
900
#340E53
950
#210934

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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026