#7416BA

#7416BA

Color Values

HEX

#7416BA

RGB

116, 22, 186

HSL

274.4, 78.8%, 40.8%

HSV

274.4, 88.2%, 72.9%

CMYK

37.6%, 88.2%, 0.0%, 27.1%

OKLCH

0.4578 0.2251 303.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7416BA

#5CBA16

Analogous

#2216BA

#BA16AE

#7416BA

Triadic

#7416BA

#BA7416

#16BA74

Split Complementary

#7416BA

#AEBA16

#16BA22

Tetradic

#7416BA

#BA2216

#5CBA16

#16AEBA

Color Blindness Simulation

Original

#7416BA

Protanopia

#4B4A92

Deuteranopia

#515889

Tritanopia

#6F736C

Achromatopsia

#363636

CSS Usage

background-color: #7416BA;
color: #7416BA;
border-color: #7416BA;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFBFF7
300
#C992F2
400
#AC56EB
500
#8E1BE4
600
#7216B6
700
#5B1192
800
#470E72
900
#350E53
950
#220934

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

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