#980BF4

#980BF4

Color Values

HEX

#980BF4

RGB

152, 11, 244

HSL

276.3, 91.4%, 50.0%

HSV

276.3, 95.5%, 95.7%

CMYK

37.7%, 95.5%, 0.0%, 4.3%

OKLCH

0.551 0.2843 303.6

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#980BF4

#67F40B

Analogous

#230BF4

#F40BDC

#980BF4

Triadic

#980BF4

#F4980B

#0BF498

Split Complementary

#980BF4

#DCF40B

#0BF423

Tetradic

#980BF4

#F4230B

#67F40B

#0BDCF4

Color Blindness Simulation

Original

#980BF4

Protanopia

#5B5ABC

Deuteranopia

#636EAE

Tritanopia

#918F85

Achromatopsia

#3A3A3A

CSS Usage

background-color: #980BF4;
color: #980BF4;
border-color: #980BF4;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E2BBFC
300
#CE8AFA
400
#B34AF7
500
#980BF4
600
#7A09C3
700
#61079C
800
#4C057A
900
#390958
950
#240538

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

3.69:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026