#A680CC

#A680CC

Color Values

HEX

#A680CC

RGB

166, 128, 204

HSL

270.0, 42.7%, 65.1%

HSV

270.0, 37.3%, 80.0%

CMYK

18.6%, 37.3%, 0.0%, 20.0%

OKLCH

0.6652 0.1166 306.4

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#A680CC

#A6CC80

Analogous

#8080CC

#CC80CC

#A680CC

Triadic

#A680CC

#CCA680

#80CCA6

Split Complementary

#A680CC

#CCCC80

#80CC80

Tetradic

#A680CC

#CC8080

#A6CC80

#80CCCC

Color Blindness Simulation

Original

#A680CC

Protanopia

#9695BA

Deuteranopia

#989BB5

Tritanopia

#A4ABA8

Achromatopsia

#8E8E8E

CSS Usage

background-color: #A680CC;
color: #A680CC;
border-color: #A680CC;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DBCCEB
300
#C2A8DC
400
#A178C9
500
#8049B6
600
#663A92
700
#522F74
800
#40255B
900
#301E43
950
#1F132A

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.58:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026