#7F37BA

#7F37BA

Color Values

HEX

#7F37BA

RGB

127, 55, 186

HSL

273.0, 54.4%, 47.3%

HSV

273.0, 70.4%, 72.9%

CMYK

31.7%, 70.4%, 0.0%, 27.1%

OKLCH

0.5001 0.197 305.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7F37BA

#72BA37

Analogous

#3E37BA

#BA37B4

#7F37BA

Triadic

#7F37BA

#BA7F37

#37BA7F

Split Complementary

#7F37BA

#B4BA37

#37BA3E

Tetradic

#7F37BA

#BA3E37

#72BA37

#37B4BA

Color Blindness Simulation

Original

#7F37BA

Protanopia

#605F9A

Deuteranopia

#646993

Tritanopia

#7B817C

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC8EF
300
#C5A1E3
400
#A66DD4
500
#863AC5
600
#6C2F9D
700
#56257E
800
#431D62
900
#331948
950
#20102E

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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