#A762F7

#A762F7

Color Values

HEX

#A762F7

RGB

167, 98, 247

HSL

267.8, 90.3%, 67.6%

HSV

267.8, 60.3%, 96.9%

CMYK

32.4%, 60.3%, 0.0%, 3.1%

OKLCH

0.6426 0.2153 302.0

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#A762F7

#B2F762

Analogous

#6267F7

#F262F7

#A762F7

Triadic

#A762F7

#F7A762

#62F7A7

Split Complementary

#A762F7

#F7F262

#67F762

Tetradic

#A762F7

#F76267

#B2F762

#62F7F2

Color Blindness Simulation

Original

#A762F7

Protanopia

#8989D3

Deuteranopia

#8D92CA

Tritanopia

#A4B6B0

Achromatopsia

#7B7B7B

CSS Usage

background-color: #A762F7;
color: #A762F7;
border-color: #A762F7;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D9BBFC
300
#BE8BF9
400
#9A4BF6
500
#770CF3
600
#5F0AC2
700
#4C089B
800
#3C0679
900
#2E0958
950
#1D0637

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.73:1

AA Pass 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