#5D66CC

#5D66CC

Color Values

HEX

#5D66CC

RGB

93, 102, 204

HSL

235.1, 52.1%, 58.2%

HSV

235.1, 54.4%, 80.0%

CMYK

54.4%, 50.0%, 0.0%, 20.0%

OKLCH

0.555 0.1557 276.3

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5D66CC

#CCC35D

Analogous

#5D9DCC

#8B5DCC

#5D66CC

Triadic

#5D66CC

#CC5D66

#66CC5D

Split Complementary

#5D66CC

#CC8B5D

#9DCC5D

Tetradic

#5D66CC

#CC5D9D

#CCC35D

#5DCC8B

Color Blindness Simulation

Original

#5D66CC

Protanopia

#6161B3

Deuteranopia

#6060AD

Tritanopia

#5DA09C

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C9CCEE
300
#A2A7E2
400
#6F78D2
500
#3D48C2
600
#313A9B
700
#272E7C
800
#1F2461
900
#1A1D47
950
#10132D

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

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