#756FC4

#756FC4

Color Values

HEX

#756FC4

RGB

117, 111, 196

HSL

244.2, 41.9%, 60.2%

HSV

244.2, 43.4%, 76.9%

CMYK

40.3%, 43.4%, 0.0%, 23.1%

OKLCH

0.5854 0.1277 284.9

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#756FC4

#BEC46F

Analogous

#6F94C4

#9F6FC4

#756FC4

Triadic

#756FC4

#C4756F

#6FC475

Split Complementary

#756FC4

#C49F6F

#94C46F

Tetradic

#756FC4

#C46F94

#BEC46F

#6FC49F

Color Blindness Simulation

Original

#756FC4

Protanopia

#7272AF

Deuteranopia

#7373AA

Tritanopia

#759F9C

Achromatopsia

#767676

CSS Usage

background-color: #756FC4;
color: #756FC4;
border-color: #756FC4;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E8E7F4
200
#CECCEA
300
#ACA8DB
400
#7F79C8
500
#524AB5
600
#413B91
700
#342F74
800
#29255A
900
#211E43
950
#15132A

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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