#A266FD

#A266FD

Color Values

HEX

#A266FD

RGB

162, 102, 253

HSL

263.8, 97.4%, 69.6%

HSV

263.8, 59.7%, 99.2%

CMYK

36.0%, 59.7%, 0.0%, 0.8%

OKLCH

0.6471 0.2158 298.5

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#A266FD

#C1FD66

Analogous

#6676FD

#ED66FD

#A266FD

Triadic

#A266FD

#FDA266

#66FDA2

Split Complementary

#A266FD

#FDED66

#76FD66

Tetradic

#A266FD

#FD6676

#C1FD66

#66FDED

Color Blindness Simulation

Original

#A266FD

Protanopia

#8887D9

Deuteranopia

#8C90D0

Tritanopia

#9FBCB5

Achromatopsia

#7E7E7E

CSS Usage

background-color: #A266FD;
color: #A266FD;
border-color: #A266FD;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D4B9FE
300
#B586FD
400
#8E45FD
500
#6603FC
600
#5103C9
700
#4102A1
800
#33027E
900
#28065B
950
#190439

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.86:1

AA Pass AAA Fail

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