#A74FA8

#A74FA8

Color Values

HEX

#A74FA8

RGB

167, 79, 168

HSL

299.3, 36.0%, 48.4%

HSV

299.3, 53.0%, 65.9%

CMYK

0.6%, 53.0%, 0.0%, 34.1%

OKLCH

0.5703 0.1611 327.0

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#A74FA8

#50A84F

Analogous

#7A4FA8

#A84F7C

#A74FA8

Triadic

#A74FA8

#A8A74F

#4FA8A7

Split Complementary

#A74FA8

#7CA84F

#4FA87A

Tetradic

#A74FA8

#A87A4F

#50A84F

#4F7CA8

Color Blindness Simulation

Original

#A74FA8

Protanopia

#818092

Deuteranopia

#868D8D

Tritanopia

#A3817E

Achromatopsia

#686868

CSS Usage

background-color: #A74FA8;
color: #A74FA8;
border-color: #A74FA8;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF5FA
100
#F2E8F3
200
#E8CEE8
300
#D7ACD8
400
#C27FC3
500
#AC52AD
600
#8A418B
700
#6E346F
800
#562957
900
#402140
950
#281529

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026