#756DEE

#756DEE

Color Values

HEX

#756DEE

RGB

117, 109, 238

HSL

243.7, 79.1%, 68.0%

HSV

243.7, 54.2%, 93.3%

CMYK

50.8%, 54.2%, 0.0%, 6.7%

OKLCH

0.6083 0.188 282.0

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#756DEE

#E6EE6D

Analogous

#6DA5EE

#B56DEE

#756DEE

Triadic

#756DEE

#EE756D

#6DEE75

Split Complementary

#756DEE

#EEB56D

#A5EE6D

Tetradic

#756DEE

#EE6DA5

#E6EE6D

#6DEEB5

Color Blindness Simulation

Original

#756DEE

Protanopia

#7271CF

Deuteranopia

#7273C7

Tritanopia

#75B6B1

Achromatopsia

#787878

CSS Usage

background-color: #756DEE;
color: #756DEE;
border-color: #756DEE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FC
100
#E3E1F9
200
#C3BFF8
300
#9791F2
400
#5F56EB
500
#271BE4
600
#1F15B7
700
#191192
800
#140D72
900
#120E53
950
#0C0934

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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