#7F3FAF

#7F3FAF

Color Values

HEX

#7F3FAF

RGB

127, 63, 175

HSL

274.3, 47.1%, 46.7%

HSV

274.3, 64.0%, 68.6%

CMYK

27.4%, 64.0%, 0.0%, 31.4%

OKLCH

0.5022 0.1747 307.6

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#7F3FAF

#6FAF3F

Analogous

#473FAF

#AF3FA7

#7F3FAF

Triadic

#7F3FAF

#AF7F3F

#3FAF7F

Split Complementary

#7F3FAF

#A7AF3F

#3FAF47

Tetradic

#7F3FAF

#AF473F

#6FAF3F

#3FA7AF

Color Blindness Simulation

Original

#7F3FAF

Protanopia

#636394

Deuteranopia

#676C8D

Tritanopia

#7C7E7A

Achromatopsia

#555555

CSS Usage

background-color: #7F3FAF;
color: #7F3FAF;
border-color: #7F3FAF;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DECAEC
300
#C6A5DF
400
#A774CD
500
#8843BC
600
#6D3696
700
#572B78
800
#44225E
900
#331C45
950
#20122C

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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