White Color Family

Mint Cream Color Hex Code, RGB & HSL Values

Browse all White Colors

What is the meaning of the Mint Cream color?

Mint Cream is a very light off-white color with a cool mint-green undertone. It represents absolute freshness, morning air, and cleanliness, popular in health app backgrounds.

How to use the Mint Cream color hex code in HTML & CSS?

To style elements with Mint Cream on a website, use the hex code #F5FFFA in your HTML/CSS. Adding background-color: #F5FFFA; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#F5FFFA] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Mint Cream?

In the digital sRGB spectrum, the Mint Cream color code is mapped to RGB values of Red: 245, Green: 255, and Blue: 250. In the HSL system, it registers at hue angle 150°, saturation 100%, and lightness index 98%. It represents a very pale, near-white shade characterized by a highly vivid, intense, and brilliant shade.

CMYK print profiles for Mint Cream color

To reproduce the named shade Mint Cream in print systems, the CMYK ink configuration requires 4% Cyan, 0% Magenta, 2% Yellow, and 0% black. Green-heavy spectrums are associated with organic elements and growth, making them highly effective for eco-conscious portals and wellness brands.

Red Channel 245
Green Channel 255
Blue Channel 250
Luminance 0.978

Mint Cream Color Space Conversions

Click to copy format
HEX Color Code #F5FFFA
RGB (Red Green Blue) rgb(245, 255, 250)
HSL (Hue Sat Light) hsl(150°, 100%, 98%)
CMYK (Commercial Print) cmyk(4%, 0%, 2%, 0%)
HSV / HSB Values hsv(150°, 4%, 100%)
Decimal Color Code 16121850
CSS Custom Variable --color-hex: #F5FFFA;
Tailwind CSS Utility bg-[#F5FFFA]
CSS Named Color mintcream

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #F5FFFA

Small body copy preview

Black Text on Background

Black text readability test with #F5FFFA

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Mint Cream */
--color-hex: #F5FFFA;
--color-rgb: rgb(245, 255, 250);
--color-hsl: hsl(150deg, 100%, 98%);
--color-name: mintcream;

Aa Known Color Aliases

Mint Cream mintcream (CSS Identifier) Mint WhiteCool Mint WhiteNear White Green

Mint Cream Color Meaning

As a notable shade in the white spectrum, Mint Cream embodies the core psychological traits of the white color family. The white spectrum carries the strongest associations with purity, cleanliness, and simplicity of any color in Western culture. It represents new beginnings, clarity of thought, and the blank canvas of possibility. In design, white space is not empty — it is intentional breathing room that makes surrounding content more powerful and legible. Medical environments use white to communicate sterility and precision. Apple transformed product design by making white synonymous with innovation and premium simplicity. Minimalist architecture embraces white to create a sense of openness and light. Culturally, white carries vastly different meanings: in Western contexts it represents purity and marriage, while in many Eastern traditions it is associated with mourning and transition.

Emotions & Associations

PeaceOpennessSimplicityPurity

Industries

ArchitectureFashionHealthcare

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!