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