#a41caa hex color
#a41caa RGB Percentages
#a41caa CMYK Percentages
Color #a41caa Variations
Tints
Lighter variations mixed with white
Shades
Darker variations mixed with black
Color #a41caa Harmonies
Analogous Colors
Colors that are next to each other on the color wheel
Contrast Checks for #a41caa
On White Background
WCAG AA Pass (6.31)Large Text Example
The quick brown fox jumps over the lazy dog.
Regular Text Example
This is an example of regular-sized text that would commonly appear in paragraphs and body content.
On Black Background
WCAG AA Fail (3.32)Large Text Example
The quick brown fox jumps over the lazy dog.
Regular Text Example
This is an example of regular-sized text that would commonly appear in paragraphs and body content.
CSS Styles for #a41caa
Tailwind CSS Classes for #a41caa
More Tailwind CSS Codes for #a41caaNearest Tailwind Color for #a41caa
Here's the nearest color to #a41caa in Tailwind's full color palette.
Tailwind color name:
Hex color code:
Tailwind's fuchsia-700 (#a21caf)
Your color #a41caa
CSS Code Examples for #a41caa
Basic CSS Classes for #a41caa
Background Color
Background Color Example
Text Color
This text shows the color #a41caa
Border Color
CSS3 Effects for #a41caa
Text Shadow (RGB)
Text with RGB Shadow
Text Shadow (Hex)
Text with Hex Shadow
Box Shadow
HTML Examples for #a41caa
Inline Styles
This is a sample text showing how this color looks when used as a text color.
Combined Effects
Combined Styles Example