#7679C5

#7679C5

Color Values

HEX

#7679C5

RGB

118, 121, 197

HSL

237.7, 40.5%, 61.8%

HSV

237.7, 40.1%, 77.3%

CMYK

40.1%, 38.6%, 0.0%, 22.7%

OKLCH

0.6064 0.1145 280.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7679C5

#C5C276

Analogous

#76A1C5

#9B76C5

#7679C5

Triadic

#7679C5

#C57679

#79C576

Split Complementary

#7679C5

#C59B76

#A1C576

Tetradic

#7679C5

#C576A1

#C5C276

#76C59B

Color Blindness Simulation

Original

#7679C5

Protanopia

#7777B3

Deuteranopia

#7777AE

Tritanopia

#76A4A1

Achromatopsia

#7E7E7E

CSS Usage

background-color: #7679C5;
color: #7679C5;
border-color: #7679C5;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CDCEEA
300
#A9ABDB
400
#7A7DC7
500
#4C50B3
600
#3D408F
700
#313373
800
#26285A
900
#1F2042
950
#13142A

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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