#5F5CD0

#5F5CD0

Color Values

HEX

#5F5CD0

RGB

95, 92, 208

HSL

241.6, 55.2%, 58.8%

HSV

241.6, 55.8%, 81.6%

CMYK

54.3%, 55.8%, 0.0%, 18.4%

OKLCH

0.5406 0.1741 280.0

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#5F5CD0

#CDD05C

Analogous

#5C93D0

#995CD0

#5F5CD0

Triadic

#5F5CD0

#D05F5C

#5CD05F

Split Complementary

#5F5CD0

#D0995C

#93D05C

Tetradic

#5F5CD0

#D05C93

#CDD05C

#5CD099

Color Blindness Simulation

Original

#5F5CD0

Protanopia

#5E5EB4

Deuteranopia

#5E5EAD

Tritanopia

#5F9E99

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C9C8EF
300
#A2A0E4
400
#6F6DD5
500
#3D39C6
600
#312E9E
700
#27257F
800
#1E1D63
900
#1A1849
950
#100F2E

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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