#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

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026