A greenish white, black text passes AA
What color is mintcream?
mintcream is a greenish white: #f5fffa in hex, rgb(245 255 250). Black text on it reaches 20.57:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | mintcream |
| Hex | #f5fffa |
| RGB | rgb(245 255 250) |
| HSL | hsl(150 100% 98%) |
| OKLCH | oklch(99.1% 0.012 164.8) |
| Nearest Tailwind color | teal-50 #f0fdfa, 0.009 away in OKLab |
| White text | 1.02:1: AA fails, AAA fails, large text fails |
| Black text | 20.57:1: AA passes, AAA passes, large text passes |
About mintcream
Measured in OKLCH, mintcream comes out at lightness 99.1%, chroma 0.012 and hue 164.8 degrees: a greenish white.
HSL and OKLCH agree on how light it is, 98% and 99.1%. Its nearest CSS named color, azure (#f0ffff), is 0.009 away in OKLab, too close to tell apart by eye.
Black on mintcream reads at 20.57:1, enough for AAA body text; white reaches 1.02:1 and should stay off it. In the hue-sorted table of named colors it sits between ivory and azure.
In Tailwind CSS 4.3.3 the nearest default color is teal-50 (#f0fdfa), 0.009 away in OKLab; for the exact color, an arbitrary value such as bg-[#f5fffa] works.
Tints and shades
- #fffefe
- #fffdfe
- #fffcfd
- #fffbfd
- #f5fffa
- #ccc3c6
- #979092
- #656162
- #373535
- #0f0e0e
From light to dark: 4 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #f5fffa
- #a26784
- #181b04
- #e7babb
- #3f5c7d
Around mintcream as swatch 1, Recolor's generator made a free palette, hues spread around the wheel: #a26784, #181b04, #e7babb, #3f5c7d, drawn from a seed fixed by its hex. Open it in Recolor.
Using mintcream
As a text color, mintcream on a black page gives the same 20.57:1.
.notice {
background-color: mintcream; /* #f5fffa */
color: black; /* 20.57:1 */
}Common questions
Does white text pass WCAG AA on mintcream?
No. White text measures 1.02:1 on mintcream, under AA's 4.5:1; black text measures 20.57:1 and passes.
Can mintcream be written in OKLCH?
Yes: oklch(99.1% 0.012 164.8), computed from #f5fffa. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to mintcream?
Yes: azure (#f0ffff) is the nearest, 0.009 away in OKLab, then white at 0.015.