HEX atlas value

#F5FFFA

#F5FFFA is a cool green HEX color nearest Mint Cream. RGB 245, 255, 250, HSL 150° 100% 98%, luminance 0.9783; view contrast and conversions.

green cool light pastel

#F5FFFA Sample readable text

HEX #F5FFFA

RGB rgb(245, 255, 250)

HSL hsl(150 100% 98%)

CMYK cmyk(4, 0, 2, 0)

Luminance 0.9783

Contrast Black 20.57:1White 1.02:1

CSS

--color-f5fffa: #F5FFFA;
.background-f5fffa { background-color: #F5FFFA; }
.text-f5fffa { color: #F5FFFA; }

HEX meaning and use

About #F5FFFA

#F5FFFA is classified as a cool green value with light and pastel visual character. #F5FFFA is visually closest to Mint Cream, a named green color with HEX #F5FFFA.

The RGB channels are 245, 255, and 250, with green carrying the strongest channel weight. In HSL, the hue is 150deg with 100% saturation and 98% lightness, so this page treats it as a high-saturation, light atlas color rather than a generic swatch.

Practical uses for this HEX value include color conversion, WCAG contrast checks, CSS color tokens, and soft UI backgrounds. Its luminance is 0.9783, black text provides the stronger contrast for readable interface or documentation use, and Its nearest named-color distance is 0.00, which helps separate this atlas value from adjacent named color records.

WCAG Accessibility

Black text20.57:1AA Pass

White text1.02:1AA Fail

AA text options: #000000, #1A1A1A, #36454F.

AAA text options: #000000, #1A1A1A, #36454F.

Accessibility-Safe Pairings and Alternatives

Use these pairings when #F5FFFA needs readable text, badges, interface states, or nearby accessible alternatives.

Black text#00000020.57:1 · AAA

White text#FFFFFF1.02:1 · Fail

Accessible Alternatives

White#FFFFFF · #000000 text · best 21:1 #F5FFFF#F5FFFF · #000000 text · best 20.63:1 #F5FFF5#F5FFF5 · #000000 text · best 20.51:1 #F6FEFA#F6FEFA · #000000 text · best 20.48:1 Azure#F0FFFF · #000000 text · best 20.45:1

Generated Palette

Mint Cream#F5FFFA

#FFF5FA#FFF5FA

#F5FFF5#F5FFF5

#F5FFFF#F5FFFF

White#FFFFFF

#99FFCC#99FFCC

Color Harmonies

#FFF5FA#FFF5FA

#F5FFF5#F5FFF5

#F5FFFF#F5FFFF

#FAF5FF#FAF5FF

#FFFAF5#FFFAF5

Variants

White#FFFFFF

#99FFCC#99FFCC

Mint Cream#F5FFFA

#F6FEFA#F6FEFA

White#FFFFFF

Nearest Named Colors

Mint Cream#F5FFFA

Azure#F0FFFF

Cool White#F4F8FF

Ghost White#F8F8FF

Cloud#F5F6F7

Luminance0.9783

Black text20.57:1AA Pass

White text1.02:1AA Fail

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Color systems

{"hex":"#F5FFFA","rgb":[245,255,250],"hsl":[150,100,98],"cmyk":[4,0,2,0],"luminance":0.9783,"contrast":{"black":20.57,"white":1.02}}

WCAG

{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]}

Safe pairings

[{"name":"Black text","hex":"#000000","contrast":20.57,"wcagAA":true,"wcagAAA":true},{"name":"White text","hex":"#FFFFFF","contrast":1.02,"wcagAA":false,"wcagAAA":false}]

Accessible alternatives

[{"name":"White","hex":"#FFFFFF","family":"gray","bestTextColor":"#000000","contrastBlack":21,"contrastWhite":1,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A","#36454F"]},{"name":"#F5FFFF","hex":"#F5FFFF","family":"cyan","bestTextColor":"#000000","contrastBlack":20.63,"contrastWhite":1.02,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A","#36454F"]},{"name":"#F5FFF5","hex":"#F5FFF5","family":"green","bestTextColor":"#000000","contrastBlack":20.51,"contrastWhite":1.02,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A","#36454F"]},{"name":"#F6FEFA","hex":"#F6FEFA","family":"green","bestTextColor":"#000000","contrastBlack":20.48,"contrastWhite":1.03,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A","#36454F"]},{"name":"Azure","hex":"#F0FFFF","family":"cyan","bestTextColor":"#000000","contrastBlack":20.45,"contrastWhite":1.03,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A","#36454F"]}]

AI context

{"semanticGroups":["cool green","light","pastel","light green","pastel green","Mint Cream adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","soft UI backgrounds","light surfaces","botanical and wellness palettes"],"contrastSafeWith":["#000000","#1A1A1A","#36454F"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/f5fffa.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/mint-cream.json","https://www.colorsencyclopedia.com/api/colors/azure.json","https://www.colorsencyclopedia.com/api/colors/cool-white.json"]}

Harmonies

{"complementary":"#FFF5FA","analogous":["#F5FFF5","#F5FFFF"],"triadic":["#FAF5FF","#FFFAF5"],"tetradic":["#F5F5FF","#FFF5FA","#FFFFF5"],"splitComplementary":["#FFF5FF","#FFF5F5"],"monochromatic":["#FFFFFF","#F5FFFA","#99FFCC"]}

Variants

{"light":"#FFFFFF","dark":"#99FFCC","saturated":"#F5FFFA","desaturated":"#F6FEFA","pastel":"#FFFFFF","neon":"#FFFFFF"}

Nearest named colors

[{"slug":"mint-cream","name":"Mint Cream","hex":"#F5FFFA","distance":0},{"slug":"azure","name":"Azure","hex":"#F0FFFF","distance":7.0710678118654755},{"slug":"cool-white","name":"Cool White","hex":"#F4F8FF","distance":8.660254037844387},{"slug":"ghost-white","name":"Ghost White","hex":"#F8F8FF","distance":9.1104335791443},{"slug":"cloud","name":"Cloud","hex":"#F5F6F7","distance":9.486832980505138}]

#F5FFFA

CSS

About #F5FFFA

WCAG Accessibility

Accessibility-Safe Pairings and Alternatives

Accessible Alternatives

Generated Palette

Color Harmonies

Variants

Nearest Named Colors

Machine-Readable HEX Data (JSON)

Related HEX Guides