#7378FE

#7378FE

Color Values

HEX

#7378FE

RGB

115, 120, 254

HSL

237.8, 98.6%, 72.4%

HSV

237.8, 54.7%, 99.6%

CMYK

54.7%, 52.8%, 0.0%, 0.4%

OKLCH

0.6372 0.1952 277.7

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7378FE

#FEF973

Analogous

#73BEFE

#B473FE

#7378FE

Triadic

#7378FE

#FE7378

#78FE73

Split Complementary

#7378FE

#FEB473

#BEFE73

Tetradic

#7378FE

#FE73BE

#FEF973

#73FEB4

Color Blindness Simulation

Original

#7378FE

Protanopia

#7575DE

Deuteranopia

#7574D6

Tritanopia

#73C4BE

Achromatopsia

#818181

CSS Usage

background-color: #7378FE;
color: #7378FE;
border-color: #7378FE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BBFF
300
#858AFE
400
#444AFE
500
#020BFD
600
#0109CB
700
#0107A2
800
#01067F
900
#05095B
950
#03053A

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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