#8080C5

#8080C5

Color Values

HEX

#8080C5

RGB

128, 128, 197

HSL

240.0, 37.3%, 63.7%

HSV

240.0, 35.0%, 77.3%

CMYK

35.0%, 35.0%, 0.0%, 22.7%

OKLCH

0.6282 0.103 283.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8080C5

#C5C580

Analogous

#80A2C5

#A280C5

#8080C5

Triadic

#8080C5

#C58080

#80C580

Split Complementary

#8080C5

#C5A280

#A2C580

Tetradic

#8080C5

#C580A2

#C5C580

#80C5A2

Color Blindness Simulation

Original

#8080C5

Protanopia

#8080B4

Deuteranopia

#8080B0

Tritanopia

#80A7A4

Achromatopsia

#858585

CSS Usage

background-color: #8080C5;
color: #8080C5;
border-color: #8080C5;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CECEE9
300
#ABABD9
400
#7D7DC4
500
#5050AF
600
#40408C
700
#333370
800
#282858
900
#202041
950
#141429

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026