#7477EE

#7477EE

Color Values

HEX

#7477EE

RGB

116, 119, 238

HSL

238.5, 78.2%, 69.4%

HSV

238.5, 51.3%, 93.3%

CMYK

51.3%, 50.0%, 0.0%, 6.7%

OKLCH

0.6255 0.175 279.0

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#7477EE

#EEEB74

Analogous

#74B4EE

#AE74EE

#7477EE

Triadic

#7477EE

#EE7477

#77EE74

Split Complementary

#7477EE

#EEAE74

#B4EE74

Tetradic

#7477EE

#EE74B4

#EEEB74

#74EEAE

Color Blindness Simulation

Original

#7477EE

Protanopia

#7575D1

Deuteranopia

#7575CA

Tritanopia

#74BAB5

Achromatopsia

#7F7F7F

CSS Usage

background-color: #7477EE;
color: #7477EE;
border-color: #7477EE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FC
100
#E1E2F9
200
#BFC1F7
300
#9294F2
400
#575BEA
500
#1C21E3
600
#161AB6
700
#121591
800
#0E1072
900
#0E1053
950
#090A34

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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