#A685C8

#A685C8

Color Values

HEX

#A685C8

RGB

166, 133, 200

HSL

269.6, 37.9%, 65.3%

HSV

269.6, 33.5%, 78.4%

CMYK

17.0%, 33.5%, 0.0%, 21.6%

OKLCH

0.6724 0.1029 306.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A685C8

#A7C885

Analogous

#8585C8

#C885C8

#A685C8

Triadic

#A685C8

#C8A685

#85C8A6

Split Complementary

#A685C8

#C8C885

#85C885

Tetradic

#A685C8

#C88585

#A7C885

#85C8C8

Color Blindness Simulation

Original

#A685C8

Protanopia

#9897B8

Deuteranopia

#9A9CB4

Tritanopia

#A4ABA8

Achromatopsia

#919191

CSS Usage

background-color: #A685C8;
color: #A685C8;
border-color: #A685C8;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCEE9
300
#C1ABD9
400
#A07DC4
500
#7F4FB0
600
#653F8D
700
#513371
800
#3F2858
900
#302041
950
#1E1429

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.81:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026