#E1E4C5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frost is a pale, unsaturated yellow with a bleached, delicate quality. The hex code #e1e4c5 serves as a clean alternative to white backgrounds. Because black text offers a 16.1:1 contrast ratio against this shade, it remains highly legible for UI design. It functions best as a soft base, grounding palettes when paired with slate grays or deep, organic greens.
About Frost
Hay bales under a washed-out afternoon sky
What does frost mean?
People often connect pale yellow-green with early spring, dried herbs, and sun-bleached fields. Very light and barely saturated, it feels soft and faded, like a color left out in the sun.
Where you see frost
- candle wax
- dried hay
- honeydew melon
- chamomile tea
- celery
- white chocolate
What it works for
It works well as a warm neutral background, letting darker greens, browns, and blues carry the design.
What colors go with frost?
Terracotta #e2725bThe pale base cools the terracotta's heat without flattening it.Slate Blue #6a5acdCool blue-gray gives the soft yellow structure and keeps it from feeling washed out.Olive #808000Both sit near the same hue, so the darker olive reads as a natural shadow.Dusty Rose #b56f76Faded pink and faded yellow share a softness that keeps the pairing gentle.Charcoal #36454fA near-black anchor makes the pale color look even lighter and cleaner.Warm Taupe #ab917dThe earthy brown echoes the yellow undertone for a calm, quiet pairing.
Questions about Frost
What is the hex code for Frost?
Frost is #e1e4c5. In RGB that is rgb(225, 228, 197), in HSL hsl(66, 36%, 83%) and in CMYK 1%, 0%, 14%, 11%.
Does #e1e4c5 (Frost) work well as a background for text?
Yes, #e1e4c5 is highly effective for background use because it maintains a 16.1:1 contrast ratio against black text. This provides exceptional readability while appearing softer and more organic than a standard stark white canvas.
Is Frost readable on white or black?
Frost has a 1.30:1 contrast ratio on white and 16.10:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.