#A342BD

#A342BD

Color Values

HEX

#A342BD

RGB

163, 66, 189

HSL

287.3, 48.2%, 50.0%

HSV

287.3, 65.1%, 74.1%

CMYK

13.8%, 65.1%, 0.0%, 25.9%

OKLCH

0.5605 0.198 318.5

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#A342BD

#5CBD42

Analogous

#6542BD

#BD429A

#A342BD

Triadic

#A342BD

#BDA342

#42BDA3

Split Complementary

#A342BD

#9ABD42

#42BD65

Tetradic

#A342BD

#BD6542

#5CBD42

#429ABD

Color Blindness Simulation

Original

#A342BD

Protanopia

#79789F

Deuteranopia

#7F8698

Tritanopia

#9E8883

Achromatopsia

#606060

CSS Usage

background-color: #A342BD;
color: #A342BD;
border-color: #A342BD;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#F9F4FA
100
#F1E6F4
200
#E5CAED
300
#D3A4DF
400
#BB73CE
500
#A342BD
600
#823597
700
#682A79
800
#51215E
900
#3D1B45
950
#26112C

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026