#6E6DF7

#6E6DF7

Color Values

HEX

#6E6DF7

RGB

110, 109, 247

HSL

240.4, 89.6%, 69.8%

HSV

240.4, 55.9%, 96.9%

CMYK

55.5%, 55.9%, 0.0%, 3.1%

OKLCH

0.6095 0.2009 278.9

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#6E6DF7

#F6F76D

Analogous

#6DB1F7

#B36DF7

#6E6DF7

Triadic

#6E6DF7

#F76E6D

#6DF76E

Split Complementary

#6E6DF7

#F7B36D

#B1F76D

Tetradic

#6E6DF7

#F76DB1

#F6F76D

#6DF7B3

Color Blindness Simulation

Original

#6E6DF7

Protanopia

#6E6ED6

Deuteranopia

#6E6ECE

Tritanopia

#6EBBB5

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BCBBFB
300
#8C8BF9
400
#4D4CF5
500
#0F0DF2
600
#0C0BC1
700
#09089B
800
#070779
900
#0A0958
950
#060637

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026