#F4FDD2

#F4FDD2

Color Values

HEX

#F4FDD2

RGB

244, 253, 210

HSL

72.6, 91.5%, 90.8%

HSV

72.6, 17.0%, 99.2%

CMYK

3.6%, 0.0%, 17.0%, 0.8%

OKLCH

0.9764 0.0566 117.1

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F4FDD2

#DBD2FD

Analogous

#FDF1D2

#DFFDD2

#F4FDD2

Triadic

#F4FDD2

#D2F4FD

#FDD2F4

Split Complementary

#F4FDD2

#D2DFFD

#F1D2FD

Tetradic

#F4FDD2

#D2FDF1

#DBD2FD

#FDD2DF

Color Blindness Simulation

Original

#F4FDD2

Protanopia

#F8F8DC

Deuteranopia

#F7F7DF

Tritanopia

#F4E5E6

Achromatopsia

#F8F8F8

CSS Usage

background-color: #F4FDD2;
color: #F4FDD2;
border-color: #F4FDD2;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#FBFDF1
100
#F5FBDF
200
#EEFCBB
300
#E2FA8A
400
#D3F74A
500
#C3F40B
600
#9CC309
700
#7D9C07
800
#627A05
900
#485809
950
#2D3805

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

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