#7677EB

#7677EB

Color Values

HEX

#7677EB

RGB

118, 119, 235

HSL

239.5, 74.5%, 69.2%

HSV

239.5, 49.8%, 92.2%

CMYK

49.8%, 49.4%, 0.0%, 7.8%

OKLCH

0.625 0.1705 279.9

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#7677EB

#EBEA76

Analogous

#76B1EB

#AF76EB

#7677EB

Triadic

#7677EB

#EB7677

#77EB76

Split Complementary

#7677EB

#EBAF76

#B1EB76

Tetradic

#7677EB

#EB76B1

#EBEA76

#76EBAF

Color Blindness Simulation

Original

#7677EB

Protanopia

#7676CF

Deuteranopia

#7676C8

Tritanopia

#76B9B4

Achromatopsia

#7F7F7F

CSS Usage

background-color: #7677EB;
color: #7677EB;
border-color: #7677EB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C1C1F6
300
#9495EF
400
#5A5CE7
500
#2122DE
600
#1A1BB2
700
#15168E
800
#10116F
900
#101151
950
#0A0A33

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

5.61:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026