#F2FAEF

#F2FAEF

Color Values

HEX

#F2FAEF

RGB

242, 250, 239

HSL

103.6, 52.4%, 95.9%

HSV

103.6, 4.4%, 98.0%

CMYK

3.2%, 0.0%, 4.4%, 2.0%

OKLCH

0.9761 0.0168 137.0

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#F2FAEF

#F7EFFA

Analogous

#F8FAEF

#EFFAF2

#F2FAEF

Triadic

#F2FAEF

#EFF2FA

#FAEFF2

Split Complementary

#F2FAEF

#F2EFFA

#FAEFF8

Tetradic

#F2FAEF

#EFF8FA

#F7EFFA

#FAF2EF

Color Blindness Simulation

Original

#F2FAEF

Protanopia

#F5F6F2

Deuteranopia

#F5F4F2

Tritanopia

#F2F4F4

Achromatopsia

#F8F8F8

CSS Usage

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

Tailwind Shades

50
#F6FBF4
100
#EAF5E5
200
#D3EEC9
300
#B3E2A2
400
#8AD26F
500
#61C23D
600
#4E9B31
700
#3E7C27
800
#31611E
900
#26471A
950
#182D10

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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