#A48FC4

#A48FC4

Color Values

HEX

#A48FC4

RGB

164, 143, 196

HSL

263.8, 31.0%, 66.5%

HSV

263.8, 27.0%, 76.9%

CMYK

16.3%, 27.0%, 0.0%, 23.1%

OKLCH

0.6877 0.0798 302.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#A48FC4

#AFC48F

Analogous

#8F95C4

#BF8FC4

#A48FC4

Triadic

#A48FC4

#C4A48F

#8FC4A4

Split Complementary

#A48FC4

#C4BF8F

#95C48F

Tetradic

#A48FC4

#C48F95

#AFC48F

#8FC4BF

Color Blindness Simulation

Original

#A48FC4

Protanopia

#9B9BB7

Deuteranopia

#9C9EB4

Tritanopia

#A3ADAB

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E6
300
#BEAFD5
400
#9B83BE
500
#7758A7
600
#5F4686
700
#4C386B
800
#3C2C54
900
#2E233E
950
#1D1627

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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