#921684

#921684

Color Values

HEX

#921684

RGB

146, 22, 132

HSL

306.8, 73.8%, 32.9%

HSV

306.8, 84.9%, 57.3%

CMYK

0.0%, 84.9%, 9.6%, 42.7%

OKLCH

0.4628 0.1918 333.7

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#921684

#169224

Analogous

#621692

#921646

#921684

Triadic

#921684

#849216

#168492

Split Complementary

#921684

#469216

#169262

Tetradic

#921684

#926216

#169224

#164692

Color Blindness Simulation

Original

#921684

Protanopia

#5C5B69

Deuteranopia

#646D63

Tritanopia

#8C5450

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F6C1F0
300
#EF95E5
400
#E65BD6
500
#DE21C8
600
#B11BA0
700
#8E1580
800
#6F1164
900
#511049
950
#330A2E

Contrast Checker

Text on white

7.86:1

AA Pass AAA Pass

Text on black

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