#6B6DF0

#6B6DF0

Color Values

HEX

#6B6DF0

RGB

107, 109, 240

HSL

239.1, 81.6%, 68.0%

HSV

239.1, 55.4%, 94.1%

CMYK

55.4%, 54.6%, 0.0%, 5.9%

OKLCH

0.6024 0.1923 278.3

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#6B6DF0

#F0EE6B

Analogous

#6BAFF0

#AB6BF0

#6B6DF0

Triadic

#6B6DF0

#F06B6D

#6DF06B

Split Complementary

#6B6DF0

#F0AB6B

#AFF06B

Tetradic

#6B6DF0

#F06BAF

#F0EE6B

#6BF0AB

Color Blindness Simulation

Original

#6B6DF0

Protanopia

#6C6CD0

Deuteranopia

#6C6CC9

Tritanopia

#6BB7B2

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BEBFF8
300
#9091F4
400
#5456EE
500
#171BE8
600
#1315B9
700
#0F1194
800
#0C0D74
900
#0D0E54
950
#080935

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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