neutralneutralCSS named color

Honeydew #F0FFF0

Honeydew is a very light, highly saturated gray color with a neutral cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Backgrounds · Typography

Open in generator →

Color values

FormatValue
HEX#F0FFF0
RGBrgb(240, 255, 240)
HSLhsl(120, 100%, 97%)
HSVhsv(120, 6%, 100%)
OKLCHoklch(98.48% 0.025 145.4)
OKLaboklab(98.48% -0.0207 0.0143)
CMYKcmyk(5.9%, 0%, 5.9%, 0%)
XYZxyz(87.4204, 96.3359, 96.4103)
CIE-LABlab(98.6, -7.6, 5.5)
CIE-LCHlch(98.6, 9.3, 144.1°)
Luminance0.963 (WCAG relative)
/* Honeydew */ --honeydew: #f0fff0; color: #f0fff0; background-color: #f0fff0;

Source: W3C CSS named color. CSS keyword: honeydew.

Collections: Off White Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#d5e2d5 #bbc6bb #a1aba1 #889188 #707770 #595e59 #434743 #2e302e #1a1b1a #000000

Tints (toward white)

#f2fff1 #f3fff3 #f5fff4 #f6fff6 #f8fff7 #f9fff9 #fbfffa #fcfffc #fefffd #ffffff

Tones (toward gray)

#f1fff1 #f2fef2 #f3fef3 #f4fdf4 #f5fdf5 #f7fdf7 #f8fcf8 #f9fcf9 #fafbfa #fbfbfb

Color harmonies

Complementary

Edit in generator →
#F0FFF0
#FFF0FF
#f0fff0 #fff0ff

Analogous

Edit in generator →
#F8FFF0
#F0FFF0
#F0FFF8
#f8fff0 #f0fff0 #f0fff8

Triadic

Edit in generator →
#F0FFF0
#F0F0FF
#FFF0F0
#f0fff0 #f0f0ff #fff0f0

Tetradic

Edit in generator →
#F0FFF0
#F0F8FF
#FFF0FF
#FFF8F0
#f0fff0 #f0f8ff #fff0ff #fff8f0

Square

Edit in generator →
#F0FFF0
#F0F8FF
#FFF0FF
#FFF8F0
#f0fff0 #f0f8ff #fff0ff #fff8f0

Split Complementary

Edit in generator →
#F0FFF0
#F8F0FF
#FFF0F8
#f0fff0 #f8f0ff #fff0f8

Monochromatic

Edit in generator →
#76FF76
#B3FFB3
#E0FFE0
#E0FFE0
#E0FFE0
#76ff76 #b3ffb3 #e0ffe0 #e0ffe0 #e0ffe0

Accessibility & contrast

1.04
#F0FFF0 on #FFFFFF
AA text AA large AAA text UI 3:1
20.27
#F0FFF0 on #000000
AA text AA large AAA text UI 3:1

Best text on honeydew

20.27
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#FFFCEF
Deuteranopia (green-blind)
#FDFAF1
Tritanopia (blue-blind)
#EFFEFA

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Mintcream #F5FFFA4.78
Ivory #FFFFF06.02
Azure (CSS) #F0FFFF6.58
Beige #F5F5DC6.69
Lightyellow #FFFFE07.50
Lightcyan #E0FFFF7.70

Colors that go with honeydew

Top matches by hue harmony, contrast and saturation compatibility.

Forest Green #2D5A27
7.8:1
Same hue family as honeydew (Δh 7°) — guaranteed harmony
8.6:1
Warm/cool bridge (Δh 60°) — adds depth without tension
Espresso #4B382A
10.7:1
Text-safe contrast with the anchor (10.68:1, passes WCAG AA)
Dark Plum #3F012C
16.2:1
Split-complementary angle (Δh ≈162°) — strong but softer than direct complement
Eggplant #380835
16.2:1
Complementary hue (Δh ≈176°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.