#7F62AD

#7F62AD

Color Values

HEX

#7F62AD

RGB

127, 98, 173

HSL

263.2, 31.4%, 53.1%

HSV

263.2, 43.4%, 67.8%

CMYK

26.6%, 43.4%, 0.0%, 32.2%

OKLCH

0.557 0.1165 300.5

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#7F62AD

#90AD62

Analogous

#626AAD

#A462AD

#7F62AD

Triadic

#7F62AD

#AD7F62

#62AD7F

Split Complementary

#7F62AD

#ADA462

#6AAD62

Tetradic

#7F62AD

#AD626A

#90AD62

#62ADA4

Color Blindness Simulation

Original

#7F62AD

Protanopia

#72729B

Deuteranopia

#747696

Tritanopia

#7E8D89

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E7
300
#BDAFD5
400
#9A83BE
500
#7657A8
600
#5F4686
700
#4C386B
800
#3B2C54
900
#2D233E
950
#1D1627

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail 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