#7F28CB

#7F28CB

Color Values

HEX

#7F28CB

RGB

127, 40, 203

HSL

272.0, 67.1%, 47.6%

HSV

272.0, 80.3%, 79.6%

CMYK

37.4%, 80.3%, 0.0%, 20.4%

OKLCH

0.4988 0.2295 302.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7F28CB

#74CB28

Analogous

#2D28CB

#CB28C5

#7F28CB

Triadic

#7F28CB

#CB7F28

#28CB7F

Split Complementary

#7F28CB

#C5CB28

#28CB2D

Tetradic

#7F28CB

#CB2D28

#74CB28

#28C5CB

Color Blindness Simulation

Original

#7F28CB

Protanopia

#5959A4

Deuteranopia

#5E659A

Tritanopia

#7B847E

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DDC3F3
300
#C599EB
400
#A561E0
500
#852AD5
600
#6B22AA
700
#551B88
800
#43156B
900
#32134E
950
#200C31

Contrast Checker

Text on white

6.84:1

AA Pass AAA Fail

Text on black

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