#A950EB

#A950EB

Color Values

HEX

#A950EB

RGB

169, 80, 235

HSL

274.5, 79.5%, 61.8%

HSV

274.5, 66.0%, 92.2%

CMYK

28.1%, 66.0%, 0.0%, 7.8%

OKLCH

0.6138 0.2268 307.3

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#A950EB

#92EB50

Analogous

#5C50EB

#EB50DF

#A950EB

Triadic

#A950EB

#EBA950

#50EBA9

Split Complementary

#A950EB

#DFEB50

#50EB5C

Tetradic

#A950EB

#EB5C50

#92EB50

#50DFEB

Color Blindness Simulation

Original

#A950EB

Protanopia

#8282C6

Deuteranopia

#888EBC

Tritanopia

#A5A8A1

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE1F9
200
#E0BFF8
300
#C991F2
400
#AC56EC
500
#8F1AE5
600
#7215B7
700
#5B1192
800
#470D72
900
#360E53
950
#220934

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.03:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026