#A162CF

#A162CF

Color Values

HEX

#A162CF

RGB

161, 98, 207

HSL

274.7, 53.2%, 59.8%

HSV

274.7, 52.7%, 81.2%

CMYK

22.2%, 52.7%, 0.0%, 18.8%

OKLCH

0.6116 0.1684 308.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A162CF

#90CF62

Analogous

#6A62CF

#CF62C6

#A162CF

Triadic

#A162CF

#CFA162

#62CFA1

Split Complementary

#A162CF

#C6CF62

#62CF6A

Tetradic

#A162CF

#CF6A62

#90CF62

#62C6CF

Color Blindness Simulation

Original

#A162CF

Protanopia

#8685B5

Deuteranopia

#898EAE

Tritanopia

#9EA09B

Achromatopsia

#777777

CSS Usage

background-color: #A162CF;
color: #A162CF;
border-color: #A162CF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DEC8EE
300
#C7A1E2
400
#A96ED3
500
#8A3CC3
600
#6F309C
700
#58267D
800
#451E62
900
#341948
950
#21102D

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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