#EAF0E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Clarity is a bleached, luminous lime that feels airy and clean. Because this shade is so desaturated, it works best as a neutral background rather than a primary graphic element. Black text stands out sharply against the hex code #eaf0e0, providing excellent readability. Use it to create breathing room in minimal interfaces, but pair it with deeper, saturated greens to avoid a washed-out appearance.
About Clarity
Lime rind bleached by morning frost
What does clarity mean?
Pale green tints often suggest new growth, early spring, and freshness softened into something mild. Its high lightness and near absence of saturation read as airy and faded, like light through frosted glass.
Where you see clarity
- celery hearts
- cucumber slices
- sea glass
- sage leaves
- matcha whisked with milk
- unripe honeydew
What it works for
Use it as a soft background that carries content without pulling attention away from bolder foreground colors.
What colors go with clarity?
Charcoal #36454fThe deep grey darkens this pale tint into something crisp and architectural.Terracotta #e2725bWarm baked orange gives the cool pale green a grounded counterweight.Sage #9caf88Two muted greens stack into a calm, tonal layering.Plum #8e4585Dark purple sits against the pale lime with rich contrast.Mustard #ffdb58Sharp golden yellow wakes up the washed-out green without shouting.Slate Blue #6a5acdCool grey blue shares its softness while adding depth.
Questions about Clarity
What is the hex code for Clarity?
Clarity is #eaf0e0. In RGB that is rgb(234, 240, 224), in HSL hsl(83, 35%, 91%) and in CMYK 3%, 0%, 7%, 6%.
When should I use #eaf0e0 in my interface design?
Clarity functions best as a neutral background rather than a primary accent color. It creates necessary breathing room in minimal interfaces, and because it is highly desaturated, it maintains excellent readability when paired with sharp black or charcoal text.
How can I make #eaf0e0 feel less washed out in a design?
Balance the lightness of #eaf0e0 by anchoring your palette with deeper, saturated tones. Pairing this shade with forest green or dark olive prevents the design from feeling too faint while keeping the overall color story grounded and professional.
Is Clarity readable on white or black?
Clarity has a 1.16:1 contrast ratio on white and 18.03: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.