#F2FADF

#F2FADF

Color Values

HEX

#F2FADF

RGB

242, 250, 223

HSL

77,8, 73,0%, 92,7%

HSV

77,8, 10,8%, 98,0%

CMYK

3,2%, 0,0%, 10,8%, 2,0%

OKLCH

0,972 0,0364 120,5

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#F2FADF

#E7DFFA

Analogous

#FAF4DF

#E4FADF

#F2FADF

Triadic

#F2FADF

#DFF2FA

#FADFF2

Split Complementary

#F2FADF

#DFE4FA

#F4DFFA

Tetradic

#F2FADF

#DFFAF4

#E7DFFA

#FADFE4

Color Blindness Simulation

Original

#F2FADF

Protanopia

#F5F6E6

Deuteranopia

#F5F4E7

Tritanopia

#F2EBEC

Achromatopsia

#F6F6F6

CSS Usage

background-color: #F2FADF;
color: #F2FADF;
border-color: #F2FADF;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F9FCF3
100
#F2F8E2
200
#E6F5C1
300
#D4EE95
400
#BDE65C
500
#A5DD22
600
#84B01C
700
#6A8D16
800
#536E11
900
#3D5011
950
#27330A

Contrast Checker

Text on white

1,08:1

AA Fail AAA Fail

Text on black

19,52: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