#A278DB

#A278DB

Color Values

HEX

#A278DB

RGB

162, 120, 219

HSL

265.5, 57.9%, 66.5%

HSV

265.5, 45.2%, 85.9%

CMYK

26.0%, 45.2%, 0.0%, 14.1%

OKLCH

0.6549 0.148 302.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A278DB

#B1DB78

Analogous

#7880DB

#D478DB

#A278DB

Triadic

#A278DB

#DBA278

#78DBA2

Split Complementary

#A278DB

#DBD478

#80DB78

Tetradic

#A278DB

#DB7880

#B1DB78

#78DBD4

Color Blindness Simulation

Original

#A278DB

Protanopia

#908FC3

Deuteranopia

#9295BD

Tritanopia

#A0B0AC

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE4F6
200
#D8C7F0
300
#BC9EE5
400
#986AD7
500
#7436C9
600
#5D2BA1
700
#4B2281
800
#3A1B65
900
#2D174A
950
#1C0F2F

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026