Color Palettes

Honeydew color

A very pale white with a soft green glow, named after the honeydew melon. It is a standard web color used for light, fresh backgrounds.

Also known as: Honeydew white.

Honeydew · #F0FFF0

About honeydew

Honeydew (#F0FFF0) is a balanced, light, highly saturated color. It belongs to the whites family. It mixes 240 red, 255 green and 240 blue (out of 255). It is mostly used in web, backgrounds, spring.

Honeydew shades and tints

From lightest to darkest. Tap a shade to copy its code.

Honeydew color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Magnolia
AnalogousClose to: Ivory, Mint cream
TriadicClose to: Magnolia, Lavender blush
Split complementaryClose to: Magnolia, Lavender blush
TetradicClose to: Alice blue, Magnolia, Floral white

Honeydew color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Honeydew
Analogous palette · Honeydew
Complementary palette · Honeydew
Triadic palette · Honeydew
With neutrals palette · Honeydew
With an accent palette · Honeydew

Honeydew contrast with text

White textContrast 1.0:1 · Not recommended
Black textContrast 20.3:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --honeydew: #F0FFF0;
  --honeydew-rgb: 240, 255, 240;
}
.bg { background-color: var(--honeydew); }
.text { color: var(--honeydew); }

Colors similar to honeydew

IvoryMint creamFloral whiteBeigeOff-whiteOld laceAlabasterWhiteWhite smokeLinen

Themed palettes with this color

More whites

WhiteIvoryCreamBoneOff-whiteSnow whitePearlAlabasterLinenWhite smokeVanillaEggshellAntique whiteEcruFloral whiteOld laceMagnoliaMint creamWarm whiteOyster white

Frequently asked questions

What is the hex code for honeydew?

The hex code for honeydew is #F0FFF0. In RGB it is rgb(240, 255, 240), in HSL hsl(120, 100%, 97%) and in CMYK 6, 0, 6, 0.

What is the complementary color of honeydew?

Its complement on the color wheel is #FFF0FF, close to magnolia. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on honeydew?

Use black text instead: the contrast with white is only 1.0:1, while with black it is 20.3:1.