Mintcream

mintcream is a CSS color keyword. The closest Tailwind step is teal-50 (#f0fdfa).

#f5fffargb(245, 255, 250)

Hex: #f5fffa
RGB: 245, 255, 250
HSL: 150°, 100%, 98%
OKLCH: 99.1% 0.012 164.8
LAB: 99.2 -4.2 1.2

Open #f5fffa in the explorer

Text contrast

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

Black text20.6:1 AAAAPCA Lc 105

White text1.0:1 FailAPCA Lc 0

Color vision

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

Full color
#f5fffa

Protanopia
#fffdfa

Deuteranopia
#fdfcfa

Tritanopia
#f3fffd

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: mintcream;
background: #f5fffa;

@theme {
  --color-mintcream-50: #eef8f3;
  --color-mintcream-100: #e1ebe6;
  --color-mintcream-200: #cad4cf;
  --color-mintcream-300: #adb7b2;
  --color-mintcream-400: #929b96;
  --color-mintcream-500: #747d78;
  --color-mintcream-600: #5a635f;
  --color-mintcream-700: #444d49;
  --color-mintcream-800: #303734;
  --color-mintcream-900: #1c2420;
  --color-mintcream-950: #080f0c;
}