#6E6DF5

#6E6DF5

Color Values

HEX

#6E6DF5

RGB

110, 109, 245

HSL

240.4, 87.2%, 69.4%

HSV

240.4, 55.5%, 96.1%

CMYK

55.1%, 55.5%, 0.0%, 3.9%

OKLCH

0.6081 0.1983 279.1

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#6E6DF5

#F4F56D

Analogous

#6DB0F5

#B26DF5

#6E6DF5

Triadic

#6E6DF5

#F56E6D

#6DF56E

Split Complementary

#6E6DF5

#F5B26D

#B0F56D

Tetradic

#6E6DF5

#F56DB0

#F4F56D

#6DF5B2

Color Blindness Simulation

Original

#6E6DF5

Protanopia

#6E6ED4

Deuteranopia

#6E6ECC

Tritanopia

#6EBAB4

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E0FA
200
#BDBCFA
300
#8D8CF7
400
#4F4EF3
500
#1210EF
600
#0E0DBF
700
#0B0A99
800
#090877
900
#0B0A56
950
#070737

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

5.17:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026