#820486

#820486

Color Values

HEX

#820486

RGB

130, 4, 134

HSL

298.2, 94.2%, 27.1%

HSV

298.2, 97.0%, 52.5%

CMYK

3.0%, 97.0%, 0.0%, 47.5%

OKLCH

0.4298 0.1965 326.8

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#820486

#088604

Analogous

#410486

#860449

#820486

Triadic

#820486

#868204

#048682

Split Complementary

#820486

#498604

#048641

Tetradic

#820486

#864104

#088604

#044986

Color Blindness Simulation

Original

#820486

Protanopia

#4B4A67

Deuteranopia

#535C5F

Tritanopia

#7C4E48

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBAFD
300
#F888FB
400
#F448FA
500
#F007F8
600
#C006C6
700
#9A059E
800
#78047C
900
#57075A
950
#370539

Contrast Checker

Text on white

9.09:1

AA Pass AAA Pass

Text on black

2.31:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026