#5F5FEA

#5F5FEA

Color Values

HEX

#5F5FEA

RGB

95, 95, 234

HSL

240.0, 76.8%, 64.5%

HSV

240.0, 59.4%, 91.8%

CMYK

59.4%, 59.4%, 0.0%, 8.2%

OKLCH

0.5653 0.2044 277.6

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5F5FEA

#EAEA5F

Analogous

#5FA4EA

#A45FEA

#5F5FEA

Triadic

#5F5FEA

#EA5F5F

#5FEA5F

Split Complementary

#5F5FEA

#EAA45F

#A4EA5F

Tetradic

#5F5FEA

#EA5FA4

#EAEA5F

#5FEAA4

Color Blindness Simulation

Original

#5F5FEA

Protanopia

#5F5FC8

Deuteranopia

#5F5FC0

Tritanopia

#5FAEA8

Achromatopsia

#696969

CSS Usage

background-color: #5F5FEA;
color: #5F5FEA;
border-color: #5F5FEA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FC
100
#E1E1F9
200
#C0C0F7
300
#9393F1
400
#5858E9
500
#1E1EE1
600
#1818B4
700
#131390
800
#0F0F71
900
#0F0F52
950
#090934

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026