#8080C6

#8080C6

Color Values

HEX

#8080C6

RGB

128, 128, 198

HSL

240.0, 38.0%, 63.9%

HSV

240.0, 35.4%, 77.6%

CMYK

35.4%, 35.4%, 0.0%, 22.4%

OKLCH

0.6287 0.1044 283.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8080C6

#C6C680

Analogous

#80A3C6

#A380C6

#8080C6

Triadic

#8080C6

#C68080

#80C680

Split Complementary

#8080C6

#C6A380

#A3C680

Tetradic

#8080C6

#C680A3

#C6C680

#80C6A3

Color Blindness Simulation

Original

#8080C6

Protanopia

#8080B5

Deuteranopia

#8080B1

Tritanopia

#80A8A5

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CECEE9
300
#ABABD9
400
#7D7DC5
500
#4F4FB0
600
#3F3F8D
700
#333371
800
#282858
900
#202041
950
#141429

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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