#A768CE

#A768CE

Color Values

HEX

#A768CE

RGB

167, 104, 206

HSL

277.1, 51.0%, 60.8%

HSV

277.1, 49.5%, 80.8%

CMYK

18.9%, 49.5%, 0.0%, 19.2%

OKLCH

0.6269 0.1598 311.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A768CE

#8FCE68

Analogous

#7468CE

#CE68C2

#A768CE

Triadic

#A768CE

#CEA768

#68CEA7

Split Complementary

#A768CE

#C2CE68

#68CE74

Tetradic

#A768CE

#CE7468

#8FCE68

#68C2CE

Color Blindness Simulation

Original

#A768CE

Protanopia

#8C8BB5

Deuteranopia

#8F94AF

Tritanopia

#A4A29E

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE5F5
200
#E0C9EE
300
#C9A3E1
400
#AC71D1
500
#8F3EC1
600
#72329A
700
#5B287B
800
#471F60
900
#361A47
950
#22112D

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.51:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026