#F1FCF2

#F1FCF2

Color Values

HEX

#F1FCF2

RGB

241, 252, 242

HSL

125.5, 64.7%, 96.7%

HSV

125.5, 4.4%, 98.8%

CMYK

4.4%, 0.0%, 4.0%, 1.2%

OKLCH

0.9801 0.0175 148.1

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F1FCF2

#FCF1FB

Analogous

#F6FCF1

#F1FCF8

#F1FCF2

Triadic

#F1FCF2

#F2F1FC

#FCF2F1

Split Complementary

#F1FCF2

#F8F1FC

#FCF1F6

Tetradic

#F1FCF2

#F1F6FC

#FCF1FB

#FCF8F1

Color Blindness Simulation

Original

#F1FCF2

Protanopia

#F6F6F4

Deuteranopia

#F5F4F5

Tritanopia

#F2F6F7

Achromatopsia

#F9F9F9

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E5
200
#C4F2C8
300
#9AE9A1
400
#64DE6F
500
#2DD23C
600
#24A830
700
#1D8626
800
#17691E
900
#144D19
950
#0D3010

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

19.95: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