#A186EB

#A186EB

Color Values

HEX

#A186EB

RGB

161, 134, 235

HSL

256.0, 71.6%, 72.4%

HSV

256.0, 43.0%, 92.2%

CMYK

31.5%, 43.0%, 0.0%, 7.8%

OKLCH

0.6869 0.1466 294.5

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A186EB

#D0EB86

Analogous

#869EEB

#D386EB

#A186EB

Triadic

#A186EB

#EBA186

#86EBA1

Split Complementary

#A186EB

#EBD386

#9EEB86

Tetradic

#A186EB

#EB869E

#D0EB86

#86EBD3

Color Blindness Simulation

Original

#A186EB

Protanopia

#9595D3

Deuteranopia

#9799CD

Tritanopia

#A0BFBB

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E8E2F8
200
#CFC2F5
300
#AD96EE
400
#815DE4
500
#5524DB
600
#441DAF
700
#36178C
800
#2A126D
900
#221150
950
#150B32

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.13:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026