#5155CD

#5155CD

Color Values

HEX

#5155CD

RGB

81, 85, 205

HSL

238.1, 55.4%, 56.1%

HSV

238.1, 60.5%, 80.4%

CMYK

60.5%, 58.5%, 0.0%, 19.6%

OKLCH

0.5158 0.1819 276.5

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5155CD

#CDC951

Analogous

#5193CD

#8B51CD

#5155CD

Triadic

#5155CD

#CD5155

#55CD51

Split Complementary

#5155CD

#CD8B51

#93CD51

Tetradic

#5155CD

#CD5193

#CDC951

#51CD8B

Color Blindness Simulation

Original

#5155CD

Protanopia

#5353B0

Deuteranopia

#5252A9

Tritanopia

#519994

Achromatopsia

#5D5D5D

CSS Usage

background-color: #5155CD;
color: #5155CD;
border-color: #5155CD;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C8C9EF
300
#A0A2E4
400
#6C70D5
500
#393DC6
600
#2D319F
700
#24277F
800
#1C1F63
900
#181A49
950
#0F102E

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

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