#757CEA

#757CEA

Color Values

HEX

#757CEA

RGB

117, 124, 234

HSL

236,4, 73,6%, 68,8%

HSV

236,4, 50,0%, 91,8%

CMYK

50,0%, 47,0%, 0,0%, 8,2%

OKLCH

0,633 0,1627 277,9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#757CEA

#EAE375

Analogous

#75B6EA

#A875EA

#757CEA

Triadic

#757CEA

#EA757C

#7CEA75

Split Complementary

#757CEA

#EAA875

#B6EA75

Tetradic

#757CEA

#EA75B6

#EAE375

#75EAA8

Color Blindness Simulation

Original

#757CEA

Protanopia

#7878CF

Deuteranopia

#7877C9

Tritanopia

#75BAB6

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C1C4F6
300
#959AEF
400
#5B64E6
500
#222DDD
600
#1B24B1
700
#161D8E
800
#11166F
900
#101451
950
#0A0D33

Contrast Checker

Text on white

3,6:1

AA Fail AAA Fail

Text on black

5,83:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026