#8A18DF

#8A18DF

Color Values

HEX

#8A18DF

RGB

138, 24, 223

HSL

274,4, 80,6%, 48,4%

HSV

274,4, 89,2%, 87,5%

CMYK

38,1%, 89,2%, 0,0%, 12,5%

OKLCH

0,5194 0,26 303,0

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#8A18DF

#6DDF18

Analogous

#2718DF

#DF18D0

#8A18DF

Triadic

#8A18DF

#DF8A18

#18DF8A

Split Complementary

#8A18DF

#D0DF18

#18DF27

Tetradic

#8A18DF

#DF2718

#6DDF18

#18D0DF

Color Blindness Simulation

Original

#8A18DF

Protanopia

#5958AF

Deuteranopia

#5F68A3

Tritanopia

#848980

Achromatopsia

#3F3F3F

CSS Usage

background-color: #8A18DF;
color: #8A18DF;
border-color: #8A18DF;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F2FD
100
#EFE1F9
200
#E0BFF8
300
#C990F3
400
#AC55ED
500
#8F19E6
600
#7214B8
700
#5B1093
800
#470C73
900
#360D54
950
#220835

Contrast Checker

Text on white

6,41:1

AA Pass AAA Fail

Text on black

3,28: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