#A54FF4

#A54FF4

Color Values

HEX

#A54FF4

RGB

165, 79, 244

HSL

271.3, 88.2%, 63.3%

HSV

271.3, 67.6%, 95.7%

CMYK

32.4%, 67.6%, 0.0%, 4.3%

OKLCH

0.6143 0.2362 304.1

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#A54FF4

#9EF44F

Analogous

#524FF4

#F44FF0

#A54FF4

Triadic

#A54FF4

#F4A54F

#4FF4A5

Split Complementary

#A54FF4

#F0F44F

#4FF452

Tetradic

#A54FF4

#F4524F

#9EF44F

#4FF0F4

Color Blindness Simulation

Original

#A54FF4

Protanopia

#807FCC

Deuteranopia

#858BC2

Tritanopia

#A1ADA6

Achromatopsia

#6D6D6D

CSS Usage

background-color: #A54FF4;
color: #A54FF4;
border-color: #A54FF4;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FD
100
#EEE0FB
200
#DDBCFB
300
#C48CF8
400
#A44DF4
500
#840FF0
600
#6A0CC0
700
#550A9A
800
#420878
900
#320A57
950
#200637

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass AAA Fail

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