#A77EDB

#A77EDB

Color Values

HEX

#A77EDB

RGB

167, 126, 219

HSL

266.5, 56.4%, 67.6%

HSV

266.5, 42.5%, 85.9%

CMYK

23.7%, 42.5%, 0.0%, 14.1%

OKLCH

0.67 0.1394 303.2

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#A77EDB

#B2DB7E

Analogous

#7E83DB

#D67EDB

#A77EDB

Triadic

#A77EDB

#DBA77E

#7EDBA7

Split Complementary

#A77EDB

#DBD67E

#83DB7E

Tetradic

#A77EDB

#DB7E83

#B2DB7E

#7EDBD6

Color Blindness Simulation

Original

#A77EDB

Protanopia

#9595C5

Deuteranopia

#989BBF

Tritanopia

#A5B3AF

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE5F6
200
#D9C7EF
300
#BE9FE4
400
#9A6BD6
500
#7738C7
600
#5F2CA0
700
#4C2480
800
#3C1C64
900
#2E1849
950
#1D0F2E

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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