#921695

#921695

Color Values

HEX

#921695

RGB

146, 22, 149

HSL

298.6, 74.3%, 33.5%

HSV

298.6, 85.2%, 58.4%

CMYK

2.0%, 85.2%, 0.0%, 41.6%

OKLCH

0.4731 0.2041 327.1

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#921695

#199516

Analogous

#521695

#951658

#921695

Triadic

#921695

#959216

#169592

Split Complementary

#921695

#589516

#169552

Tetradic

#921695

#955216

#199516

#165895

Color Blindness Simulation

Original

#921695

Protanopia

#5C5B76

Deuteranopia

#646D6F

Tritanopia

#8C5E59

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C1F6
300
#ED94EF
400
#E35BE7
500
#DA21DE
600
#AE1AB2
700
#8B158E
800
#6D106F
900
#4F1051
950
#320A33

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

2.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026