#5D64CD

#5D64CD

Color Values

HEX

#5D64CD

RGB

93, 100, 205

HSL

236.2, 52.8%, 58.4%

HSV

236.2, 54.6%, 80.4%

CMYK

54.6%, 51.2%, 0.0%, 19.6%

OKLCH

0.5518 0.1598 276.9

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5D64CD

#CDC65D

Analogous

#5D9CCD

#8E5DCD

#5D64CD

Triadic

#5D64CD

#CD5D64

#64CD5D

Split Complementary

#5D64CD

#CD8E5D

#9CCD5D

Tetradic

#5D64CD

#CD5D9C

#CDC65D

#5DCD8E

Color Blindness Simulation

Original

#5D64CD

Protanopia

#6060B4

Deuteranopia

#605FAE

Tritanopia

#5DA09B

Achromatopsia

#6A6A6A

CSS Usage

background-color: #5D64CD;
color: #5D64CD;
border-color: #5D64CD;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C8CBEE
300
#A1A6E2
400
#6F75D2
500
#3C45C3
600
#30379C
700
#272C7D
800
#1E2261
900
#191C47
950
#10122D

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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