Honeydew

honeydew is a CSS color keyword. The closest Tailwind step is green-50 (#f0fdf4).

#f0fff0rgb(240, 255, 240)

Hex: #f0fff0
RGB: 240, 255, 240
HSL: 120°, 100%, 97%
OKLCH: 98.5% 0.025 145.4
LAB: 98.6 -7.6 5.5

Open #f0fff0 in the explorer

Text contrast

Black or white text on #f0fff0. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text20.3:1 AAAAPCA Lc 104

White text1.0:1 FailAPCA Lc 0

Color vision

How #f0fff0 looks in simulations of color blindness, at full severity.

Full color
#f0fff0

Protanopia
#fffcef

Deuteranopia
#fdfaf1

Tritanopia
#effefa

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to honeydew.

50 100200300400500600700800900950

Copy into CSS

color: honeydew;
background: #f0fff0;

@theme {
  --color-honeydew-50: #ebfaeb;
  --color-honeydew-100: #deedde;
  --color-honeydew-200: #c7d6c7;
  --color-honeydew-300: #abb9ab;
  --color-honeydew-400: #8f9d8f;
  --color-honeydew-500: #717f71;
  --color-honeydew-600: #586458;
  --color-honeydew-700: #424e42;
  --color-honeydew-800: #2d392e;
  --color-honeydew-900: #1a251a;
  --color-honeydew-950: #061007;
}