#756CE5

#756CE5

Color Values

HEX

#756CE5

RGB

117, 108, 229

HSL

244.5, 69.9%, 66.1%

HSV

244.5, 52.8%, 89.8%

CMYK

48.9%, 52.8%, 0.0%, 10.2%

OKLCH

0.6004 0.1774 283.0

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#756CE5

#DCE56C

Analogous

#6C9FE5

#B26CE5

#756CE5

Triadic

#756CE5

#E5756C

#6CE575

Split Complementary

#756CE5

#E5B26C

#9FE56C

Tetradic

#756CE5

#E56C9F

#DCE56C

#6CE5B2

Color Blindness Simulation

Original

#756CE5

Protanopia

#7171C8

Deuteranopia

#7272C1

Tritanopia

#75B1AC

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F8
200
#C6C2F4
300
#9D97ED
400
#695FE3
500
#3426D9
600
#291FAD
700
#21198B
800
#1A136C
900
#17124F
950
#0E0B32

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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