#8077E7

#8077E7

Color Values

HEX

#8077E7

RGB

128, 119, 231

HSL

244.8, 70.0%, 68.6%

HSV

244.8, 48.5%, 90.6%

CMYK

44.6%, 48.5%, 0.0%, 9.4%

OKLCH

0.63 0.1637 284.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8077E7

#DEE777

Analogous

#77A6E7

#B877E7

#8077E7

Triadic

#8077E7

#E78077

#77E780

Split Complementary

#8077E7

#E7B877

#A6E777

Tetradic

#8077E7

#E777A6

#DEE777

#77E7B8

Color Blindness Simulation

Original

#8077E7

Protanopia

#7C7CCC

Deuteranopia

#7D7DC5

Tritanopia

#80B6B2

Achromatopsia

#818181

CSS Usage

background-color: #8077E7;
color: #8077E7;
border-color: #8077E7;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F3FC
100
#E4E3F8
200
#C6C2F4
300
#9E97ED
400
#695FE3
500
#3526D9
600
#2A1FAD
700
#22188B
800
#1A136C
900
#17124F
950
#0E0B32

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.71:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026