#5850DC

#5850DC

Color Values

HEX

#5850DC

RGB

88, 80, 220

HSL

243.4, 66.7%, 58.8%

HSV

243.4, 63.6%, 86.3%

CMYK

60.0%, 63.6%, 0.0%, 13.7%

OKLCH

0.5243 0.206 279.1

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5850DC

#D4DC50

Analogous

#508EDC

#9E50DC

#5850DC

Triadic

#5850DC

#DC5850

#50DC58

Split Complementary

#5850DC

#DC9E50

#8EDC50

Tetradic

#5850DC

#DC508E

#D4DC50

#50DC9E

Color Blindness Simulation

Original

#5850DC

Protanopia

#5554BA

Deuteranopia

#5556B2

Tritanopia

#589F9A

Achromatopsia

#5C5C5C

CSS Usage

background-color: #5850DC;
color: #5850DC;
border-color: #5850DC;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C6C3F3
300
#9E99EB
400
#6962E0
500
#342AD5
600
#2A22AA
700
#211B88
800
#1A156A
900
#17134E
950
#0E0C31

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

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