Honeydew is a very light, vivid shade in the white color family, with a cool feel. Its HEX code is #F0FFF0, which equals rgb(240, 255, 240) in RGB and hsl(120, 100%, 97%) in HSL. In print terms it converts to roughly C6 M0 Y6 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#F0FFF0 - RGB
240, 255, 240 - HSL
120°, 100%, 97% - CMYK
6, 0, 6, 0 - Family
White - Tone
Very light, vivid
About Honeydew
White and off-white shades keep layouts clean and open. Slightly tinted whites such as ivory, snow and ghost white add warmth or coolness without losing brightness. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 20.27:1. Its complementary color is #FFF0FF.
Download Honeydew as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Honeydew color codes
| HEX | #F0FFF0 |
|---|---|
| RGB | rgb(240, 255, 240) |
| HSL | hsl(120, 100%, 97%) |
| HSV | 120°, 6%, 100% |
| CMYK | 6%, 0%, 6%, 0% |
| Decimal | 15794160 |
Shades and tints of Honeydew
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDFFFD - 100
#FAFFFA - 200
#F8FFF8 - 300
#F5FFF5 - 400
#F3FFF3 - 500
#F0FFF0 - 600
#C8D5C8 - 700
#A0AAA0 - 800
#788078 - 900
#505550 - 950
#282B28
Color harmonies for Honeydew
- Complementary
#FFF0FF≈ Lavender Blush - Analogous −30°
#F7FFF0≈ Honeydew - Analogous +30°
#F0FFF7≈ Mint Cream - Triadic +120°
#F0F0FF≈ Alice Blue - Triadic +240°
#FFF0F0≈ Lavender Blush - Split 150°
#F7F0FF≈ Ghost White - Split 210°
#FFF0F7≈ Lavender Blush
Contrast and accessibility of Honeydew
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Honeydew | Aa | 1.04:1 | Fails |
| Black text on Honeydew | Aa | 20.27:1 | AAA (excellent) |
CSS code for Honeydew
background-color: #F0FFF0;color: #F0FFF0;background-color: rgb(240, 255, 240);background-color: hsl(120, 100%, 97%);:root { --color-honeydew: #F0FFF0; }class="bg-[#F0FFF0]"Colors similar to Honeydew
- Mint Cream
#F5FFFA - Azure
#F0FFFF - White Smoke
#F5F5F5 - Alice Blue
#F0F8FF - Ivory
#FFFFF0 - Neutral Gray 95
#F2F2F2 - Cool Gray 95
#F1F2F3 - Warm Gray 95
#F3F2F1 - Floral White
#FFFAF0 - Ghost White
#F8F8FF - Snow
#FFFAFA - Seashell
#FFF5EE
More white shades
- White
#FFFFFF - Snow
#FFFAFA - Ivory
#FFFFF0 - Ghost White
#F8F8FF - Alice Blue
#F0F8FF - Azure
#F0FFFF - Floral White
#FFFAF0 - Lavender Blush
#FFF0F5 - Seashell
#FFF5EE - White Smoke
#F5F5F5
Frequently asked questions
What is the HEX code for Honeydew?
The HEX code for Honeydew is #F0FFF0.
What is the RGB value of Honeydew?
Honeydew has an RGB value of 240, 255, 240 (rgb(240, 255, 240)). In HSL it is 120°, 100%, 97%.
What text color should I use on Honeydew?
Use black text on Honeydew. White text has a contrast ratio of 1.04:1 and black text has 20.27:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Honeydew?
The complementary color of Honeydew is #FFF0FF. Analogous colors #F7FFF0 and #F0FFF7 also pair well.