#6B6DF4

#6B6DF4

Color Values

HEX

#6B6DF4

RGB

107, 109, 244

HSL

239.1, 86.2%, 68.8%

HSV

239.1, 56.1%, 95.7%

CMYK

56.1%, 55.3%, 0.0%, 4.3%

OKLCH

0.6053 0.1976 278.1

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#6B6DF4

#F4F26B

Analogous

#6BB1F4

#AD6BF4

#6B6DF4

Triadic

#6B6DF4

#F46B6D

#6DF46B

Split Complementary

#6B6DF4

#F4AD6B

#B1F46B

Tetradic

#6B6DF4

#F46BB1

#F4F26B

#6BF4AD

Color Blindness Simulation

Original

#6B6DF4

Protanopia

#6C6CD3

Deuteranopia

#6C6CCB

Tritanopia

#6BBAB4

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E0FA
200
#BDBDFA
300
#8D8FF7
400
#4F52F2
500
#1215ED
600
#0E11BE
700
#0B0D98
800
#090A77
900
#0B0C56
950
#070836

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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