#7678DA

#7678DA

Color Values

HEX

#7678DA

RGB

118, 120, 218

HSL

238.8, 57.5%, 65.9%

HSV

238.8, 45.9%, 85.5%

CMYK

45.9%, 45.0%, 0.0%, 14.5%

OKLCH

0.6164 0.1458 280.3

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#7678DA

#DAD876

Analogous

#76AADA

#A676DA

#7678DA

Triadic

#7678DA

#DA7678

#78DA76

Split Complementary

#7678DA

#DAA676

#AADA76

Tetradic

#7678DA

#DA76AA

#DAD876

#76DAA6

Color Blindness Simulation

Original

#7678DA

Protanopia

#7777C2

Deuteranopia

#7777BD

Tritanopia

#76B0AB

Achromatopsia

#7F7F7F

CSS Usage

background-color: #7678DA;
color: #7678DA;
border-color: #7678DA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C7C8F0
300
#9FA0E5
400
#6A6DD7
500
#3639C9
600
#2B2EA1
700
#232581
800
#1B1D64
900
#17184A
950
#0F0F2E

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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