#7F0FF3

#7F0FF3

Color Values

HEX

#7F0FF3

RGB

127, 15, 243

HSL

269.5, 90.5%, 50.6%

HSV

269.5, 93.8%, 95.3%

CMYK

47.7%, 93.8%, 0.0%, 4.7%

OKLCH

0.5213 0.2793 295.5

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#7F0FF3

#83F30F

Analogous

#0F11F3

#F10FF3

#7F0FF3

Triadic

#7F0FF3

#F37F0F

#0FF37F

Split Complementary

#7F0FF3

#F3F10F

#11F30F

Tetradic

#7F0FF3

#F30F11

#83F30F

#0FF3F1

Color Blindness Simulation

Original

#7F0FF3

Protanopia

#4E4EBC

Deuteranopia

#555DAF

Tritanopia

#799087

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DBBBFC
300
#C18AF9
400
#9F4BF6
500
#7E0CF3
600
#640AC2
700
#50089B
800
#3F0679
900
#300958
950
#1E0638

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

3.26:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026