#922C99

#922C99

Color Values

HEX

#922C99

RGB

146, 44, 153

HSL

296.1, 55.3%, 38.6%

HSV

296.1, 71.2%, 60.0%

CMYK

4.6%, 71.2%, 0.0%, 40.0%

OKLCH

0.4918 0.1863 325.2

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#922C99

#33992C

Analogous

#5B2C99

#992C6A

#922C99

Triadic

#922C99

#99922C

#2C9992

Split Complementary

#922C99

#6A992C

#2C995B

Tetradic

#922C99

#995B2C

#33992C

#2C6A99

Color Blindness Simulation

Original

#922C99

Protanopia

#66657F

Deuteranopia

#6C7378

Tritanopia

#8D6A65

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#ECC8EF
300
#DFA0E4
400
#CE6CD5
500
#BD39C6
600
#972E9E
700
#79247F
800
#5E1C63
900
#451849
950
#2C0F2E

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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