#757EFC

#757EFC

Color Values

HEX

#757EFC

RGB

117, 126, 252

HSL

236.0, 95.7%, 72.4%

HSV

236.0, 53.6%, 98.8%

CMYK

53.6%, 50.0%, 0.0%, 1.2%

OKLCH

0.6481 0.1845 276.9

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#757EFC

#FCF375

Analogous

#75C2FC

#B075FC

#757EFC

Triadic

#757EFC

#FC757E

#7EFC75

Split Complementary

#757EFC

#FCB075

#C2FC75

Tetradic

#757EFC

#FC75C2

#FCF375

#75FCB0

Color Blindness Simulation

Original

#757EFC

Protanopia

#7979DE

Deuteranopia

#7878D6

Tritanopia

#75C5C0

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE1FC
200
#B9BEFD
300
#878FFC
400
#4652FB
500
#0516FA
600
#0411C8
700
#040EA0
800
#030B7D
900
#070C5A
950
#040839

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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