#7E80AB

#7E80AB

Color Values

HEX

#7E80AB

RGB

126, 128, 171

HSL

237.3, 21.1%, 58.2%

HSV

237.3, 26.3%, 67.1%

CMYK

26.3%, 25.1%, 0.0%, 32.9%

OKLCH

0.6144 0.0649 282.2

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#7E80AB

#ABA97E

Analogous

#7E96AB

#927EAB

#7E80AB

Triadic

#7E80AB

#AB7E80

#80AB7E

Split Complementary

#7E80AB

#AB927E

#96AB7E

Tetradic

#7E80AB

#AB7E96

#ABA97E

#7EAB92

Color Blindness Simulation

Original

#7E80AB

Protanopia

#7F7FA1

Deuteranopia

#7F7F9E

Tritanopia

#7E9897

Achromatopsia

#838383

CSS Usage

background-color: #7E80AB;
color: #7E80AB;
border-color: #7E80AB;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D4E3
300
#B5B6CF
400
#8D8FB5
500
#65679A
600
#50527C
700
#404263
800
#32344D
900
#27283A
950
#191924

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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