#8080FA

#8080FA

Color Values

HEX

#8080FA

RGB

128, 128, 250

HSL

240.0, 92.4%, 74.1%

HSV

240.0, 48.8%, 98.0%

CMYK

48.8%, 48.8%, 0.0%, 2.0%

OKLCH

0.6582 0.1771 280.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8080FA

#FAFA80

Analogous

#80BDFA

#BD80FA

#8080FA

Triadic

#8080FA

#FA8080

#80FA80

Split Complementary

#8080FA

#FABD80

#BDFA80

Tetradic

#8080FA

#FA80BD

#FAFA80

#80FABD

Color Blindness Simulation

Original

#8080FA

Protanopia

#8080DD

Deuteranopia

#8080D5

Tritanopia

#80C5C0

Achromatopsia

#898989

CSS Usage

background-color: #8080FA;
color: #8080FA;
border-color: #8080FA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABAFC
300
#8989FA
400
#4949F8
500
#0A0AF5
600
#0808C4
700
#06069D
800
#05057B
900
#080859
950
#050538

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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