#6C69F6

#6C69F6

Color Values

HEX

#6C69F6

RGB

108, 105, 246

HSL

241.3, 88.7%, 68.8%

HSV

241.3, 57.3%, 96.5%

CMYK

56.1%, 57.3%, 0.0%, 3.5%

OKLCH

0.6005 0.205 279.2

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#6C69F6

#F3F669

Analogous

#69ACF6

#B269F6

#6C69F6

Triadic

#6C69F6

#F66C69

#69F66C

Split Complementary

#6C69F6

#F6B269

#ACF669

Tetradic

#6C69F6

#F669AC

#F3F669

#69F6B2

Color Blindness Simulation

Original

#6C69F6

Protanopia

#6B6BD4

Deuteranopia

#6B6BCC

Tritanopia

#6CB9B3

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BDBCFB
300
#8E8CF8
400
#514DF4
500
#130EF1
600
#0F0CC0
700
#0C099A
800
#0A0778
900
#0B0A57
950
#070637

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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