#8A0986

#8A0986

Color Values

HEX

#8A0986

RGB

138, 9, 134

HSL

301.9, 87.8%, 28.8%

HSV

301.9, 93.5%, 54.1%

CMYK

0.0%, 93.5%, 2.9%, 45.9%

OKLCH

0.4449 0.1973 329.9

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#8A0986

#098A0D

Analogous

#4E098A

#8A0945

#8A0986

Triadic

#8A0986

#868A09

#09868A

Split Complementary

#8A0986

#458A09

#098A4E

Tetradic

#8A0986

#8A4E09

#098A0D

#09458A

Color Blindness Simulation

Original

#8A0986

Protanopia

#525168

Deuteranopia

#5A6360

Tritanopia

#84504B

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FBBCF9
300
#F88CF4
400
#F34EEE
500
#EF10E8
600
#C00CBA
700
#990A95
800
#780874
900
#570A54
950
#370635

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

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