#757AF0

#757AF0

Color Values

HEX

#757AF0

RGB

117, 122, 240

HSL

237.6, 80.4%, 70.0%

HSV

237.6, 51.3%, 94.1%

CMYK

51.3%, 49.2%, 0.0%, 5.9%

OKLCH

0.633 0.1735 278.4

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#757AF0

#F0EB75

Analogous

#75B7F0

#AE75F0

#757AF0

Triadic

#757AF0

#F0757A

#7AF075

Split Complementary

#757AF0

#F0AE75

#B7F075

Tetradic

#757AF0

#F075B7

#F0EB75

#75F0AE

Color Blindness Simulation

Original

#757AF0

Protanopia

#7777D3

Deuteranopia

#7776CD

Tritanopia

#75BDB8

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E2F9
200
#BFC1F8
300
#9195F3
400
#555BED
500
#1921E6
600
#141BB8
700
#101593
800
#0C1173
900
#0D1054
950
#080A35

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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