#7F7AE3

#7F7AE3

Color Values

HEX

#7F7AE3

RGB

127, 122, 227

HSL

242.9, 65.2%, 68.4%

HSV

242.9, 46.3%, 89.0%

CMYK

44.1%, 46.3%, 0.0%, 11.0%

OKLCH

0.6323 0.1542 283.2

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#7F7AE3

#DEE37A

Analogous

#7AA9E3

#B37AE3

#7F7AE3

Triadic

#7F7AE3

#E37F7A

#7AE37F

Split Complementary

#7F7AE3

#E3B37A

#A9E37A

Tetradic

#7F7AE3

#E37AA9

#DEE37A

#7AE3B3

Color Blindness Simulation

Original

#7F7AE3

Protanopia

#7D7DCA

Deuteranopia

#7D7EC3

Tritanopia

#7FB6B1

Achromatopsia

#838383

CSS Usage

background-color: #7F7AE3;
color: #7F7AE3;
border-color: #7F7AE3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C6C4F3
300
#9E9AEA
400
#6963DE
500
#342CD3
600
#2A23A9
700
#221C87
800
#1A1669
900
#17144D
950
#0E0D31

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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