#F7FEF5

#F7FEF5

Color Values

HEX

#F7FEF5

RGB

247, 254, 245

HSL

106.7, 81.8%, 97.8%

HSV

106.7, 3.5%, 99.6%

CMYK

2.8%, 0.0%, 3.5%, 0.4%

OKLCH

0.9893 0.0139 138.7

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F7FEF5

#FCF5FE

Analogous

#FBFEF5

#F5FEF7

#F7FEF5

Triadic

#F7FEF5

#F5F7FE

#FEF5F7

Split Complementary

#F7FEF5

#F7F5FE

#FEF5FB

Tetradic

#F7FEF5

#F5FBFE

#FCF5FE

#FEF7F5

Color Blindness Simulation

Original

#F7FEF5

Protanopia

#FAFAF7

Deuteranopia

#FAF9F8

Tritanopia

#F7F9F9

Achromatopsia

#FCFCFC

CSS Usage

background-color: #F7FEF5;
color: #F7FEF5;
border-color: #F7FEF5;
Nearest Tailwind: Green 50 #F0FDF4

Tailwind Shades

50
#F4FDF2
100
#E6FAE1
200
#CBF9BE
300
#A6F490
400
#76EE53
500
#45E817
600
#38B913
700
#2C940F
800
#23740C
900
#1D540D
950
#123508

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

20.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026