#A277CF

#A277CF

Color Values

HEX

#A277CF

RGB

162, 119, 207

HSL

269.3, 47.8%, 63.9%

HSV

269.3, 42.5%, 81.2%

CMYK

21.7%, 42.5%, 0.0%, 18.8%

OKLCH

0.6469 0.1345 305.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#A277CF

#A4CF77

Analogous

#7778CF

#CE77CF

#A277CF

Triadic

#A277CF

#CFA277

#77CFA2

Split Complementary

#A277CF

#CFCE77

#78CF77

Tetradic

#A277CF

#CF7778

#A4CF77

#77CFCE

Color Blindness Simulation

Original

#A277CF

Protanopia

#8F8FBA

Deuteranopia

#9295B5

Tritanopia

#A0A9A5

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DBCAEC
300
#C1A5DF
400
#A074CE
500
#7E43BC
600
#653597
700
#512B79
800
#3F215E
900
#301C45
950
#1E112C

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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