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