#A877F0

#A877F0

Color Values

HEX

#A877F0

RGB

168, 119, 240

HSL

264.3, 80.1%, 70.4%

HSV

264.3, 50.4%, 94.1%

CMYK

30.0%, 50.4%, 0.0%, 5.9%

OKLCH

0.6707 0.1769 300.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A877F0

#BFF077

Analogous

#7783F0

#E477F0

#A877F0

Triadic

#A877F0

#F0A877

#77F0A8

Split Complementary

#A877F0

#F0E477

#83F077

Tetradic

#A877F0

#F07783

#BFF077

#77F0E4

Color Blindness Simulation

Original

#A877F0

Protanopia

#9392D3

Deuteranopia

#9699CC

Tritanopia

#A6BCB7

Achromatopsia

#8A8A8A

CSS Usage

background-color: #A877F0;
color: #A877F0;
border-color: #A877F0;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F6F2FD
100
#EBE1F9
200
#D6BFF8
300
#B891F3
400
#9255EC
500
#6C19E6
600
#5614B8
700
#451093
800
#360D73
900
#2A0E53
950
#1A0935

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.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