#757DEC

#757DEC

Color Values

HEX

#757DEC

RGB

117, 125, 236

HSL

236.0, 75.8%, 69.2%

HSV

236.0, 50.4%, 92.5%

CMYK

50.4%, 47.0%, 0.0%, 7.5%

OKLCH

0.6361 0.1641 277.5

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#757DEC

#ECE475

Analogous

#75B8EC

#A975EC

#757DEC

Triadic

#757DEC

#EC757D

#7DEC75

Split Complementary

#757DEC

#ECA975

#B8EC75

Tetradic

#757DEC

#EC75B8

#ECE475

#75ECA9

Color Blindness Simulation

Original

#757DEC

Protanopia

#7879D1

Deuteranopia

#7877CB

Tritanopia

#75BCB7

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C4F6
300
#939AF0
400
#5963E8
500
#1F2CE0
600
#1923B3
700
#141C8F
800
#0F1670
900
#0F1452
950
#0A0D33

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

5.9:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026