#757BFE

#757BFE

Color Values

HEX

#757BFE

RGB

117, 123, 254

HSL

237.4, 98.6%, 72.7%

HSV

237.4, 53.9%, 99.6%

CMYK

53.9%, 51.6%, 0.0%, 0.4%

OKLCH

0.644 0.191 277.6

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#757BFE

#FEF875

Analogous

#75BFFE

#B375FE

#757BFE

Triadic

#757BFE

#FE757B

#7BFE75

Split Complementary

#757BFE

#FEB375

#BFFE75

Tetradic

#757BFE

#FE75BF

#FEF875

#75FEB3

Color Blindness Simulation

Original

#757BFE

Protanopia

#7878DE

Deuteranopia

#7777D7

Tritanopia

#75C5C0

Achromatopsia

#838383

CSS Usage

background-color: #757BFE;
color: #757BFE;
border-color: #757BFE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BBFF
300
#858BFE
400
#444CFE
500
#020DFD
600
#010ACB
700
#0108A2
800
#01067F
900
#05095B
950
#03063A

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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