Honeydew hex code
The hex code for honeydew is #F0FFF0. In RGB that is rgb(240, 255, 240) and in HSL it is hsl(120, 100%, 97%).
The hex code for honeydew is #F0FFF0. In RGB that is rgb(240, 255, 240) and in HSL it is hsl(120, 100%, 97%).
Honeydew · #F0FFF0
Colour codes
- HEX
- #F0FFF0
- RGB
- rgb(240, 255, 240)
- HSL
- hsl(120, 100%, 97%)
- CMYK
- 6, 0, 6, 0
- CSS name
- honeydew
- Contrast on white
- 1.04:1
- Contrast on black
- 20.27:1
Tints and shades
20% lighter · #f3fff3
40% lighter · #f6fff6
60% lighter · #f9fff9
80% lighter · #fcfffc
20% darker · #c0ccc0
40% darker · #909990
60% darker · #606660
80% darker · #303330
Complementary colour
Honeydew · #F0FFF0
Opposite on the colour wheel · #fff0ff
Frequently asked questions
What is the hex code for honeydew?
The hex code for honeydew is #F0FFF0. In RGB that is rgb(240, 255, 240) and in HSL it is hsl(120, 100%, 97%).
Can I use honeydew for text?
It has a contrast ratio of 1.04:1 on white and 20.27:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with honeydew?
Its complementary colour, opposite on the colour wheel, is #FFF0FF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of honeydew instead.
Is honeydew a CSS colour name?
Yes. CSS accepts the keyword honeydew, so color: honeydew and color: #F0FFF0 render exactly the same.