#5F4CDB

#5F4CDB

Color Values

HEX

#5F4CDB

RGB

95, 76, 219

HSL

248.0, 66.5%, 57.8%

HSV

248.0, 65.3%, 85.9%

CMYK

56.6%, 65.3%, 0.0%, 14.1%

OKLCH

0.5225 0.2083 282.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#5F4CDB

#C8DB4C

Analogous

#4C80DB

#A64CDB

#5F4CDB

Triadic

#5F4CDB

#DB5F4C

#4CDB5F

Split Complementary

#5F4CDB

#DBA64C

#80DB4C

Tetradic

#5F4CDB

#DB4C80

#C8DB4C

#4CDBA6

Color Blindness Simulation

Original

#5F4CDB

Protanopia

#5757B8

Deuteranopia

#5859B0

Tritanopia

#5E9D97

Achromatopsia

#5A5A5A

CSS Usage

background-color: #5F4CDB;
color: #5F4CDB;
border-color: #5F4CDB;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FC
100
#E6E3F7
200
#CAC4F3
300
#A499EA
400
#7362DF
500
#412BD4
600
#3422AA
700
#2A1B88
800
#21156A
900
#1B134D
950
#110C31

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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