#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026