#757AF6

#757AF6

Color Values

HEX

#757AF6

RGB

117, 122, 246

HSL

237.7, 87.8%, 71.2%

HSV

237.7, 52.4%, 96.5%

CMYK

52.4%, 50.4%, 0.0%, 3.5%

OKLCH

0.6369 0.1816 278.2

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#757AF6

#F6F175

Analogous

#75BBF6

#B175F6

#757AF6

Triadic

#757AF6

#F6757A

#7AF675

Split Complementary

#757AF6

#F6B175

#BBF675

Tetradic

#757AF6

#F675BB

#F6F175

#75F6B1

Color Blindness Simulation

Original

#757AF6

Protanopia

#7777D8

Deuteranopia

#7776D1

Tritanopia

#75C0BB

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBEFB
300
#8C90F8
400
#4E54F3
500
#1018EF
600
#0C13C0
700
#0A0F99
800
#080C78
900
#0A0D57
950
#060837

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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