#6C66DB

#6C66DB

Color Values

HEX

#6C66DB

RGB

108, 102, 219

HSL

243.1, 61.9%, 62.9%

HSV

243.1, 53.4%, 85.9%

CMYK

50.7%, 53.4%, 0.0%, 14.1%

OKLCH

0.576 0.1734 281.8

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6C66DB

#D5DB66

Analogous

#669ADB

#A666DB

#6C66DB

Triadic

#6C66DB

#DB6C66

#66DB6C

Split Complementary

#6C66DB

#DBA666

#9ADB66

Tetradic

#6C66DB

#DB669A

#D5DB66

#66DBA6

Color Blindness Simulation

Original

#6C66DB

Protanopia

#6969BF

Deuteranopia

#6A6AB8

Tritanopia

#6CA8A3

Achromatopsia

#707070

CSS Usage

background-color: #6C66DB;
color: #6C66DB;
border-color: #6C66DB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F3FB
100
#E5E4F7
200
#C7C5F1
300
#A09CE8
400
#6C66DB
500
#3931CE
600
#2D27A5
700
#241F84
800
#1C1867
900
#18154B
950
#0F0E30

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026