#921986

#921986

Color Values

HEX

#921986

RGB

146, 25, 134

HSL

306.0, 70.8%, 33.5%

HSV

306.0, 82.9%, 57.3%

CMYK

0.0%, 82.9%, 8.2%, 42.7%

OKLCH

0.4657 0.1909 332.9

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#921986

#199225

Analogous

#621992

#921949

#921986

Triadic

#921986

#869219

#198692

Split Complementary

#921986

#499219

#199262

Tetradic

#921986

#926219

#199225

#194992

Color Blindness Simulation

Original

#921986

Protanopia

#5E5D6C

Deuteranopia

#656E65

Tritanopia

#8C5752

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C2F0
300
#ED96E4
400
#E35ED6
500
#DA25C8
600
#AE1EA0
700
#8B1880
800
#6D1364
900
#4F1249
950
#320B2E

Contrast Checker

Text on white

7.76:1

AA Pass AAA Pass

Text on black

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