#756DF4

#756DF4

Color Values

HEX

#756DF4

RGB

117, 109, 244

HSL

243.6, 86.0%, 69.2%

HSV

243.6, 55.3%, 95.7%

CMYK

52.0%, 55.3%, 0.0%, 4.3%

OKLCH

0.6124 0.1958 281.6

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#756DF4

#ECF46D

Analogous

#6DA8F4

#B96DF4

#756DF4

Triadic

#756DF4

#F4756D

#6DF475

Split Complementary

#756DF4

#F4B96D

#A8F46D

Tetradic

#756DF4

#F46DA8

#ECF46D

#6DF4B9

Color Blindness Simulation

Original

#756DF4

Protanopia

#7271D3

Deuteranopia

#7273CB

Tritanopia

#75BAB4

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E2E0FA
200
#C0BDFA
300
#938DF6
400
#5950F2
500
#1F12ED
600
#190EBE
700
#140B98
800
#100977
900
#0F0B56
950
#0A0736

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.25:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026