#eabef4 hex color
#eabef4 RGB Percentages
#eabef4 CMYK Percentages
Color #eabef4 Variations
Tints
Lighter variations mixed with white
Shades
Darker variations mixed with black
Color #eabef4 Harmonies
Analogous Colors
Colors that are next to each other on the color wheel
Contrast Checks for #eabef4
On White Background
WCAG AA Fail (1.59)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 Pass (13.17)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 #eabef4
Tailwind CSS Classes for #eabef4
More Tailwind CSS Codes for #eabef4Nearest Tailwind Color for #eabef4
Here's the nearest color to #eabef4 in Tailwind's full color palette.
Tailwind color name:
Hex color code:
Tailwind's fuchsia-200 (#f5d0fe)
Your color #eabef4
CSS Code Examples for #eabef4
Basic CSS Classes for #eabef4
Background Color
Background Color Example
Text Color
This text shows the color #eabef4
Border Color
CSS3 Effects for #eabef4
Text Shadow (RGB)
Text with RGB Shadow
Text Shadow (Hex)
Text with Hex Shadow
Box Shadow
HTML Examples for #eabef4
Inline Styles
This is a sample text showing how this color looks when used as a text color.
Combined Effects
Combined Styles Example