#821FCF

#821FCF

Color Values

HEX

#821FCF

RGB

130, 31, 207

HSL

273.8, 73.9%, 46.7%

HSV

273.8, 85.0%, 81.2%

CMYK

37.2%, 85.0%, 0.0%, 18.8%

OKLCH

0.4993 0.2406 303.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#821FCF

#6CCF1F

Analogous

#2A1FCF

#CF1FC4

#821FCF

Triadic

#821FCF

#CF821F

#1FCF82

Split Complementary

#821FCF

#C4CF1F

#1FCF2A

Tetradic

#821FCF

#CF2A1F

#6CCF1F

#1FC4CF

Color Blindness Simulation

Original

#821FCF

Protanopia

#5756A4

Deuteranopia

#5D649A

Tritanopia

#7D837B

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC1F6
300
#C895EF
400
#A95BE6
500
#8B21DE
600
#701BB1
700
#59158E
800
#46116F
900
#351051
950
#210A33

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

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