#6B6BDF

#6B6BDF

Color Values

HEX

#6B6BDF

RGB

107, 107, 223

HSL

240.0, 64.4%, 64.7%

HSV

240.0, 52.0%, 87.5%

CMYK

52.0%, 52.0%, 0.0%, 12.5%

OKLCH

0.5871 0.1723 279.7

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#6B6BDF

#DFDF6B

Analogous

#6BA5DF

#A56BDF

#6B6BDF

Triadic

#6B6BDF

#DF6B6B

#6BDF6B

Split Complementary

#6B6BDF

#DFA56B

#A5DF6B

Tetradic

#6B6BDF

#DF6BA5

#DFDF6B

#6BDFA5

Color Blindness Simulation

Original

#6B6BDF

Protanopia

#6B6BC3

Deuteranopia

#6B6BBC

Tritanopia

#6BADA8

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C4C4F2
300
#9A9AE9
400
#6464DD
500
#2D2DD2
600
#2424A8
700
#1D1D86
800
#171769
900
#14144D
950
#0D0D30

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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