#757AC5

#757AC5

Color Values

HEX

#757AC5

RGB

117, 122, 197

HSL

236.2, 40.8%, 61.6%

HSV

236.2, 40.6%, 77.3%

CMYK

40.6%, 38.1%, 0.0%, 22.7%

OKLCH

0.6077 0.1133 279.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#757AC5

#C5C075

Analogous

#75A2C5

#9875C5

#757AC5

Triadic

#757AC5

#C5757A

#7AC575

Split Complementary

#757AC5

#C59875

#A2C575

Tetradic

#757AC5

#C575A2

#C5C075

#75C598

Color Blindness Simulation

Original

#757AC5

Protanopia

#7777B3

Deuteranopia

#7776AE

Tritanopia

#75A5A1

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFEA
300
#A9ACDB
400
#7A7FC7
500
#4B52B4
600
#3C4290
700
#303573
800
#26295A
900
#1F2142
950
#13152A

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026