#A68CF8

#A68CF8

Color Values

HEX

#A68CF8

RGB

166, 140, 248

HSL

254.4, 88.5%, 76.1%

HSV

254.4, 43.5%, 97.3%

CMYK

33.1%, 43.5%, 0.0%, 2.7%

OKLCH

0.7088 0.155 293.1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A68CF8

#DEF88C

Analogous

#8CA8F8

#DC8CF8

#A68CF8

Triadic

#A68CF8

#F8A68C

#8CF8A6

Split Complementary

#A68CF8

#F8DC8C

#A8F88C

Tetradic

#A68CF8

#F88CA8

#DEF88C

#8CF8DC

Color Blindness Simulation

Original

#A68CF8

Protanopia

#9B9BDE

Deuteranopia

#9C9ED8

Tritanopia

#A5C9C5

Achromatopsia

#999999

CSS Usage

background-color: #A68CF8;
color: #A68CF8;
border-color: #A68CF8;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F4F2FD
100
#E6E0FB
200
#CBBCFB
300
#A68CF8
400
#754DF4
500
#450FF0
600
#370CC0
700
#2C099A
800
#220778
900
#1C0A57
950
#120637

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.73:1

AA Pass AAA Pass

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