#F1FDDC

#F1FDDC

Color Values

HEX

#F1FDDC

RGB

241, 253, 220

HSL

81.8, 89.2%, 92.7%

HSV

81.8, 13.0%, 99.2%

CMYK

4.7%, 0.0%, 13.0%, 0.8%

OKLCH

0.9765 0.045 123.5

Properties

Cool Light Nearest: lightyellow

Color Harmonies

Complementary

#F1FDDC

#E8DCFD

Analogous

#FDF8DC

#E0FDDC

#F1FDDC

Triadic

#F1FDDC

#DCF1FD

#FDDCF1

Split Complementary

#F1FDDC

#DCE0FD

#F8DCFD

Tetradic

#F1FDDC

#DCFDF8

#E8DCFD

#FDDCE0

Color Blindness Simulation

Original

#F1FDDC

Protanopia

#F6F6E4

Deuteranopia

#F6F5E6

Tritanopia

#F2EAEC

Achromatopsia

#F8F8F8

CSS Usage

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

Tailwind Shades

50
#F9FDF2
100
#F1FBE0
200
#E4FBBB
300
#D1F88B
400
#B8F54C
500
#9FF10E
600
#7FC10B
700
#659A09
800
#4F7907
900
#3B570A
950
#253706

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

19.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026