#7678FC

#7678FC

Color Values

HEX

#7678FC

RGB

118, 120, 252

HSL

239.1, 95.7%, 72.5%

HSV

239.1, 53.2%, 98.8%

CMYK

53.2%, 52.4%, 0.0%, 1.2%

OKLCH

0.6379 0.192 278.8

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7678FC

#FCFA76

Analogous

#76BBFC

#B776FC

#7678FC

Triadic

#7678FC

#FC7678

#78FC76

Split Complementary

#7678FC

#FCB776

#BBFC76

Tetradic

#7678FC

#FC76BB

#FCFA76

#76FCB7

Color Blindness Simulation

Original

#7678FC

Protanopia

#7777DC

Deuteranopia

#7777D4

Tritanopia

#76C3BD

Achromatopsia

#818181

CSS Usage

background-color: #7678FC;
color: #7678FC;
border-color: #7678FC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9BAFD
300
#8789FC
400
#4649FB
500
#0509FA
600
#0407C8
700
#0406A0
800
#03057D
900
#07085A
950
#040539

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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