Mint Cream hex code
The hex code for mint cream is #F5FFFA. In RGB that is rgb(245, 255, 250) and in HSL it is hsl(150, 100%, 98%).
The hex code for mint cream is #F5FFFA. In RGB that is rgb(245, 255, 250) and in HSL it is hsl(150, 100%, 98%).
Mint Cream · #F5FFFA
Colour codes
- HEX
- #F5FFFA
- RGB
- rgb(245, 255, 250)
- HSL
- hsl(150, 100%, 98%)
- CMYK
- 4, 0, 2, 0
- CSS name
- mintcream
- Contrast on white
- 1.02:1
- Contrast on black
- 20.57:1
Tints and shades
20% lighter · #f7fffb
40% lighter · #f9fffc
60% lighter · #fbfffd
80% lighter · #fdfffe
20% darker · #c4ccc8
40% darker · #939996
60% darker · #626664
80% darker · #313332
Complementary colour
Mint Cream · #F5FFFA
Opposite on the colour wheel · #fff5fa
Frequently asked questions
What is the hex code for mint cream?
The hex code for mint cream is #F5FFFA. In RGB that is rgb(245, 255, 250) and in HSL it is hsl(150, 100%, 98%).
Can I use mint cream for text?
It has a contrast ratio of 1.02:1 on white and 20.57:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with mint cream?
Its complementary colour, opposite on the colour wheel, is #FFF5FA. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of mint cream instead.
Is mint cream a CSS colour name?
Yes. CSS accepts the keyword mintcream, so color: mintcream and color: #F5FFFA render exactly the same.