#7677BF

#7677BF

Color Values

HEX

#7677BF

RGB

118, 119, 191

HSL

239.2, 36.3%, 60.6%

HSV

239.2, 38.2%, 74.9%

CMYK

38.2%, 37.7%, 0.0%, 25.1%

OKLCH

0.5992 0.1087 282.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7677BF

#BFBE76

Analogous

#769CBF

#9A76BF

#7677BF

Triadic

#7677BF

#BF7677

#77BF76

Split Complementary

#7677BF

#BF9A76

#9CBF76

Tetradic

#7677BF

#BF769C

#BFBE76

#76BF9A

Color Blindness Simulation

Original

#7677BF

Protanopia

#7676AE

Deuteranopia

#7676A9

Tritanopia

#76A09D

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CECFE8
300
#ACACD8
400
#7E7FC3
500
#5152AE
600
#41428B
700
#34356F
800
#292957
900
#212140
950
#151529

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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