#980FA0

#980FA0

Color Values

HEX

#980FA0

RGB

152, 15, 160

HSL

296.7, 82.9%, 34.3%

HSV

296.7, 90.6%, 62.7%

CMYK

5.0%, 90.6%, 0.0%, 37.3%

OKLCH

0.4867 0.2187 325.5

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#980FA0

#17A00F

Analogous

#4F0FA0

#A00F5F

#980FA0

Triadic

#980FA0

#A0980F

#0FA098

Split Complementary

#980FA0

#5FA00F

#0FA04F

Tetradic

#980FA0

#A04F0F

#17A00F

#0F5FA0

Color Blindness Simulation

Original

#980FA0

Protanopia

#5D5B7D

Deuteranopia

#656F74

Tritanopia

#91615B

Achromatopsia

#373737

CSS Usage

background-color: #980FA0;
color: #980FA0;
border-color: #980FA0;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF2FD
100
#F8E1FA
200
#F6BEF9
300
#EF8FF5
400
#E652EF
500
#DE16E9
600
#B111BB
700
#8E0E95
800
#6F0B75
900
#510C55
950
#330835

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

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