#7F25CE

#7F25CE

Color Values

HEX

#7F25CE

RGB

127, 37, 206

HSL

272,0, 69,5%, 47,6%

HSV

272,0, 82,0%, 80,8%

CMYK

38,3%, 82,0%, 0,0%, 19,2%

OKLCH

0,4989 0,2348 302,1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7F25CE

#74CE25

Analogous

#2B25CE

#CE25C8

#7F25CE

Triadic

#7F25CE

#CE7F25

#25CE7F

Split Complementary

#7F25CE

#C8CE25

#25CE2B

Tetradic

#7F25CE

#CE2B25

#74CE25

#25C8CE

Color Blindness Simulation

Original

#7F25CE

Protanopia

#5857A5

Deuteranopia

#5D649B

Tritanopia

#7A857E

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DDC2F4
300
#C597EC
400
#A55FE2
500
#8527D8
600
#6B1FAD
700
#55198A
800
#43136C
900
#32124F
950
#200B32

Contrast Checker

Text on white

6,87:1

AA Pass AAA Fail

Text on black

3,06:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026