#924EB2

#924EB2

Color Values

HEX

#924EB2

RGB

146, 78, 178

HSL

280.8, 39.4%, 50.2%

HSV

280.8, 56.2%, 69.8%

CMYK

18.0%, 56.2%, 0.0%, 30.2%

OKLCH

0.5479 0.162 313.7

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#924EB2

#6EB24E

Analogous

#604EB2

#B24EA0

#924EB2

Triadic

#924EB2

#B2924E

#4EB292

Split Complementary

#924EB2

#A0B24E

#4EB260

Tetradic

#924EB2

#B2604E

#6EB24E

#4EA0B2

Color Blindness Simulation

Original

#924EB2

Protanopia

#75749A

Deuteranopia

#787E94

Tritanopia

#8F8782

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CDE9
300
#CAAADA
400
#AE7BC6
500
#924DB2
600
#743E8E
700
#5D3172
800
#492759
900
#371F42
950
#231429

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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