#A195FD

#A195FD

Color Values

HEX

#A195FD

RGB

161, 149, 253

HSL

246.9, 96.3%, 78.8%

HSV

246.9, 41.1%, 99.2%

CMYK

36.4%, 41.1%, 0.0%, 0.8%

OKLCH

0.7235 0.1484 287.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A195FD

#F1FD95

Analogous

#95BDFD

#D595FD

#A195FD

Triadic

#A195FD

#FDA195

#95FDA1

Split Complementary

#A195FD

#FDD595

#BDFD95

Tetradic

#A195FD

#FD95BD

#F1FD95

#95FDD5

Color Blindness Simulation

Original

#A195FD

Protanopia

#9C9CE4

Deuteranopia

#9C9DDE

Tritanopia

#A0D0CC

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F3F1FE
100
#E2DFFC
200
#C1B9FE
300
#9487FD
400
#5B46FC
500
#2105FA
600
#1A04C8
700
#1503A0
800
#10027D
900
#10065A
950
#0A0439

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.23:1

AA Pass AAA Pass

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