#7A028B

#7A028B

Color Values

HEX

#7A028B

RGB

122, 2, 139

HSL

292.6, 97.2%, 27.6%

HSV

292.6, 98.6%, 54.5%

CMYK

12.2%, 98.6%, 0.0%, 45.5%

OKLCH

0.4194 0.1982 321.6

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#7A028B

#138B02

Analogous

#36028B

#8B0257

#7A028B

Triadic

#7A028B

#8B7A02

#028B7A

Split Complementary

#7A028B

#578B02

#028B36

Tetradic

#7A028B

#8B3602

#138B02

#02578B

Color Blindness Simulation

Original

#7A028B

Protanopia

#46456A

Deuteranopia

#4D5662

Tritanopia

#74504A

Achromatopsia

#252525

CSS Usage

background-color: #7A028B;
color: #7A028B;
border-color: #7A028B;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FCF1FE
100
#F8DEFC
200
#F5B9FE
300
#EF86FD
400
#E645FC
500
#DD04FB
600
#B103C9
700
#8D02A1
800
#6E027E
900
#50065B
950
#330439

Contrast Checker

Text on white

9.51:1

AA Pass AAA Pass

Text on black

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