#6C6AD8

#6C6AD8

Color Values

HEX

#6C6AD8

RGB

108, 106, 216

HSL

241.1, 58.5%, 63.1%

HSV

241.1, 50.9%, 84.7%

CMYK

50.0%, 50.9%, 0.0%, 15.3%

OKLCH

0.5813 0.1639 280.8

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#6C6AD8

#D6D86A

Analogous

#6A9FD8

#A36AD8

#6C6AD8

Triadic

#6C6AD8

#D86C6A

#6AD86C

Split Complementary

#6C6AD8

#D8A36A

#9FD86A

Tetradic

#6C6AD8

#D86A9F

#D6D86A

#6AD8A3

Color Blindness Simulation

Original

#6C6AD8

Protanopia

#6B6BBD

Deuteranopia

#6B6BB7

Tritanopia

#6CA8A4

Achromatopsia

#727272

CSS Usage

background-color: #6C6AD8;
color: #6C6AD8;
border-color: #6C6AD8;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E4F6
200
#C7C6F0
300
#9F9EE6
400
#6B69D8
500
#3835CA
600
#2D2AA2
700
#242281
800
#1C1A65
900
#18174A
950
#0F0E2F

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

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