#8077FE

#8077FE

Color Values

HEX

#8077FE

RGB

128, 119, 254

HSL

244.0, 98.5%, 73.1%

HSV

244.0, 53.1%, 99.6%

CMYK

49.6%, 53.1%, 0.0%, 0.4%

OKLCH

0.6448 0.1942 282.5

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#8077FE

#F5FE77

Analogous

#77B1FE

#C377FE

#8077FE

Triadic

#8077FE

#FE8077

#77FE80

Split Complementary

#8077FE

#FEC377

#B1FE77

Tetradic

#8077FE

#FE77B1

#F5FE77

#77FEC3

Color Blindness Simulation

Original

#8077FE

Protanopia

#7C7CDD

Deuteranopia

#7D7DD5

Tritanopia

#80C4BE

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E0DEFC
200
#BDB8FE
300
#8E86FE
400
#5044FE
500
#1302FD
600
#0F02CA
700
#0C01A2
800
#09017F
900
#0B055B
950
#07033A

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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