#6552BD

#6552BD

Color Values

HEX

#6552BD

RGB

101, 82, 189

HSL

250.7, 44.8%, 53.1%

HSV

250.7, 56.6%, 74.1%

CMYK

46.6%, 56.6%, 0.0%, 25.9%

OKLCH

0.5141 0.1614 287.5

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6552BD

#AABD52

Analogous

#5274BD

#9B52BD

#6552BD

Triadic

#6552BD

#BD6552

#52BD65

Split Complementary

#6552BD

#BD9B52

#74BD52

Tetradic

#6552BD

#BD5274

#AABD52

#52BD9B

Color Blindness Simulation

Original

#6552BD

Protanopia

#5D5DA3

Deuteranopia

#5E5F9D

Tritanopia

#648F8A

Achromatopsia

#5E5E5E

CSS Usage

background-color: #6552BD;
color: #6552BD;
border-color: #6552BD;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F4FA
100
#E9E6F4
200
#D1CBEB
300
#B0A6DD
400
#8576CB
500
#5B46B9
600
#493894
700
#3A2D76
800
#2D235C
900
#241D44
950
#17122B

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

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