#A477BE

#A477BE

Color Values

HEX

#A477BE

RGB

164, 119, 190

HSL

278.0, 35.3%, 60.6%

HSV

278.0, 37.4%, 74.5%

CMYK

13.7%, 37.4%, 0.0%, 25.5%

OKLCH

0.6406 0.1141 312.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#A477BE

#91BE77

Analogous

#8177BE

#BE77B5

#A477BE

Triadic

#A477BE

#BEA477

#77BEA4

Split Complementary

#A477BE

#B5BE77

#77BE81

Tetradic

#A477BE

#BE8177

#91BE77

#77B5BE

Color Blindness Simulation

Original

#A477BE

Protanopia

#9190AD

Deuteranopia

#9396A9

Tritanopia

#A29F9C

Achromatopsia

#868686

CSS Usage

background-color: #A477BE;
color: #A477BE;
border-color: #A477BE;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#DFCFE8
300
#C8ACD7
400
#AA7FC2
500
#8C52AD
600
#70428A
700
#59356E
800
#462956
900
#352140
950
#211528

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.96: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