#9812BA

#9812BA

Color Values

HEX

#9812BA

RGB

152, 18, 186

HSL

287.9, 82.4%, 40.0%

HSV

287.9, 90.3%, 72.9%

CMYK

18.3%, 90.3%, 0.0%, 27.1%

OKLCH

0.506 0.2366 317.4

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#9812BA

#34BA12

Analogous

#4412BA

#BA1288

#9812BA

Triadic

#9812BA

#BA9812

#12BA98

Split Complementary

#9812BA

#88BA12

#12BA44

Tetradic

#9812BA

#BA4412

#34BA12

#1288BA

Color Blindness Simulation

Original

#9812BA

Protanopia

#5E5D91

Deuteranopia

#667088

Tritanopia

#91716A

Achromatopsia

#3B3B3B

CSS Usage

background-color: #9812BA;
color: #9812BA;
border-color: #9812BA;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF2FD
100
#F5E1FA
200
#EDBEF9
300
#E08FF4
400
#CF53EE
500
#BE16E9
600
#9812BA
700
#7A0E95
800
#5F0B74
900
#460D54
950
#2C0835

Contrast Checker

Text on white

6.71:1

AA Pass AAA Fail

Text on black

3.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026