#A77FCC

#A77FCC

Color Values

HEX

#A77FCC

RGB

167, 127, 204

HSL

271.2, 43.0%, 64.9%

HSV

271.2, 37.7%, 80.0%

CMYK

18.1%, 37.7%, 0.0%, 20.0%

OKLCH

0.6644 0.1187 307.3

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#A77FCC

#A4CC7F

Analogous

#817FCC

#CC7FCA

#A77FCC

Triadic

#A77FCC

#CCA77F

#7FCCA7

Split Complementary

#A77FCC

#CACC7F

#7FCC81

Tetradic

#A77FCC

#CC817F

#A4CC7F

#7FCACC

Color Blindness Simulation

Original

#A77FCC

Protanopia

#9695B9

Deuteranopia

#989BB5

Tritanopia

#A5ABA7

Achromatopsia

#8D8D8D

CSS Usage

background-color: #A77FCC;
color: #A77FCC;
border-color: #A77FCC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DCCCEB
300
#C3A7DC
400
#A278C9
500
#8249B6
600
#683A92
700
#532F75
800
#41245B
900
#311E43
950
#1F132A

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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