#7679EE

#7679EE

Color Values

HEX

#7679EE

RGB

118, 121, 238

HSL

238.5, 77.9%, 69.8%

HSV

238.5, 50.4%, 93.3%

CMYK

50.4%, 49.2%, 0.0%, 6.7%

OKLCH

0.6306 0.1719 279.1

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#7679EE

#EEEB76

Analogous

#76B5EE

#AF76EE

#7679EE

Triadic

#7679EE

#EE7679

#79EE76

Split Complementary

#7679EE

#EEAF76

#B5EE76

Tetradic

#7679EE

#EE76B5

#EEEB76

#76EEAF

Color Blindness Simulation

Original

#7679EE

Protanopia

#7777D2

Deuteranopia

#7777CB

Tritanopia

#76BBB6

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E2F9
200
#BFC1F7
300
#9295F1
400
#575BEA
500
#1C21E3
600
#171BB5
700
#121591
800
#0E1171
900
#0E1052
950
#090A34

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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