Skip to content

Mint cream

Mint cream is a white with a faint green tint. Hex code #F5FFFA.

Mint cream#F5FFFA

Color codes

  • CSS namemintcream
  • HEX#F5FFFA
  • RGBrgb(245 255 250)
  • HSLhsl(150 100% 98%)
  • HSB / HSVhsb(150, 4%, 100%)
  • OKLCHoklch(99.1% 0.012 164.8)
  • CMYKcmyk(4%, 0%, 2%, 0%)

White text

1.02:1 · fails WCAG

Black text

20.56:1 · passes WCAG AAA

Shades

50#EBF5F0
100#CED7D2
200#B1BBB6
300#969F9A
400#7B8480
500#626A66
600#49514D
700#323A36
800#1C2420

Tones

#68716D
#8C9590
#B1BAB5
#D7E1DC
#F5FFFA

About this color

Mint cream in CSS and design

Mint cream is a white with a faint green tint. Mint cream is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: mintcream;
color: #F5FFFA;
color: rgb(245 255 250);
color: hsl(150 100% 98%);

For text on mint cream, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for mint cream?

#F5FFFA. In CSS you can also use the keyword mintcream, which works in every browser.

What is mint cream in RGB and HSL?

In RGB it is rgb(245 255 250), in HSL hsl(150 100% 98%). For print, cmyk(4%, 0%, 2%, 0%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on mint cream?

Black text works better: it has a contrast ratio of 20.56:1 and passes WCAG AAA. White text reaches 1.02:1.

Which colors go with mint cream?

As a neutral, mint cream goes with almost any color. It works well as a background, border or text color next to a vivid accent, and with the lighter and darker tones from its shades.