#757AC4

#757AC4

Color Values

HEX

#757AC4

RGB

117, 122, 196

HSL

236.2, 40.1%, 61.4%

HSV

236.2, 40.3%, 76.9%

CMYK

40.3%, 37.8%, 0.0%, 23.1%

OKLCH

0.6071 0.1118 279.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#757AC4

#C4BF75

Analogous

#75A2C4

#9875C4

#757AC4

Triadic

#757AC4

#C4757A

#7AC475

Split Complementary

#757AC4

#C49875

#A2C475

Tetradic

#757AC4

#C475A2

#C4BF75

#75C498

Color Blindness Simulation

Original

#757AC4

Protanopia

#7777B2

Deuteranopia

#7776AE

Tritanopia

#75A4A1

Achromatopsia

#7E7E7E

CSS Usage

background-color: #757AC4;
color: #757AC4;
border-color: #757AC4;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFEA
300
#A9ACDA
400
#7B80C6
500
#4C53B3
600
#3D428F
700
#313572
800
#262959
900
#1F2142
950
#14152A

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.34:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026