#F1FDD2

#F1FDD2

Color Values

HEX

#F1FDD2

RGB

241, 253, 210

HSL

76.7, 91.5%, 90.8%

HSV

76.7, 17.0%, 99.2%

CMYK

4.7%, 0.0%, 17.0%, 0.8%

OKLCH

0.9742 0.0573 120.1

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F1FDD2

#DED2FD

Analogous

#FDF3D2

#DCFDD2

#F1FDD2

Triadic

#F1FDD2

#D2F1FD

#FDD2F1

Split Complementary

#F1FDD2

#D2DCFD

#F3D2FD

Tetradic

#F1FDD2

#D2FDF3

#DED2FD

#FDD2DC

Color Blindness Simulation

Original

#F1FDD2

Protanopia

#F6F6DC

Deuteranopia

#F6F5DF

Tritanopia

#F2E5E6

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#FAFDF1
100
#F3FBDF
200
#EAFCBB
300
#DBFA8A
400
#C7F74A
500
#B3F40B
600
#8FC309
700
#739C07
800
#5A7A05
900
#425809
950
#2A3805

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

19.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026