#7F10EC

#7F10EC

Color Values

HEX

#7F10EC

RGB

127, 16, 236

HSL

270.3, 87.3%, 49.4%

HSV

270.3, 93.2%, 92.5%

CMYK

46.2%, 93.2%, 0.0%, 7.5%

OKLCH

0.5149 0.2729 296.7

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#7F10EC

#7DEC10

Analogous

#1110EC

#EC10EB

#7F10EC

Triadic

#7F10EC

#EC7F10

#10EC7F

Split Complementary

#7F10EC

#EBEC10

#10EC11

Tetradic

#7F10EC

#EC1110

#7DEC10

#10EBEC

Color Blindness Simulation

Original

#7F10EC

Protanopia

#4F4EB7

Deuteranopia

#555EAA

Tritanopia

#798D84

Achromatopsia

#373737

CSS Usage

background-color: #7F10EC;
color: #7F10EC;
border-color: #7F10EC;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBCFA
300
#C28CF7
400
#A14EF3
500
#8110EF
600
#670DBF
700
#520A99
800
#400877
900
#310A57
950
#1F0737

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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