#A48EC3

#A48EC3

Color Values

HEX

#A48EC3

RGB

164, 142, 195

HSL

264.9, 30.6%, 66.1%

HSV

264.9, 27.2%, 76.5%

CMYK

15.9%, 27.2%, 0.0%, 23.5%

OKLCH

0.6854 0.0801 303.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#A48EC3

#ADC38E

Analogous

#8E93C3

#BF8EC3

#A48EC3

Triadic

#A48EC3

#C3A48E

#8EC3A4

Split Complementary

#A48EC3

#C3BF8E

#93C38E

Tetradic

#A48EC3

#C38E93

#ADC38E

#8EC3BF

Color Blindness Simulation

Original

#A48EC3

Protanopia

#9A9AB6

Deuteranopia

#9C9DB3

Tritanopia

#A3ACAA

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE9F2
200
#D9D0E6
300
#BFAFD5
400
#9C84BE
500
#7958A7
600
#614785
700
#4D396B
800
#3C2C53
900
#2E233E
950
#1D1627

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.24: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