#6B66DB

#6B66DB

Color Values

HEX

#6B66DB

RGB

107, 102, 219

HSL

242.6, 61.9%, 62.9%

HSV

242.6, 53.4%, 85.9%

CMYK

51.1%, 53.4%, 0.0%, 14.1%

OKLCH

0.5753 0.1735 281.4

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6B66DB

#D6DB66

Analogous

#669BDB

#A566DB

#6B66DB

Triadic

#6B66DB

#DB6B66

#66DB6B

Split Complementary

#6B66DB

#DBA566

#9BDB66

Tetradic

#6B66DB

#DB669B

#D6DB66

#66DBA5

Color Blindness Simulation

Original

#6B66DB

Protanopia

#6969BF

Deuteranopia

#6969B8

Tritanopia

#6BA8A3

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E5E4F7
200
#C7C5F1
300
#9F9CE8
400
#6B66DB
500
#3731CE
600
#2C27A5
700
#231F84
800
#1C1867
900
#18154B
950
#0F0E30

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

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