#F9FED4

#F9FED4

Color Values

HEX

#F9FED4

RGB

249, 254, 212

HSL

67.1, 95.5%, 91.4%

HSV

67.1, 16.5%, 99.6%

CMYK

2.0%, 0.0%, 16.5%, 0.4%

OKLCH

0.9827 0.0546 112.9

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F9FED4

#D9D4FE

Analogous

#FEEED4

#E4FED4

#F9FED4

Triadic

#F9FED4

#D4F9FE

#FED4F9

Split Complementary

#F9FED4

#D4E4FE

#EED4FE

Tetradic

#F9FED4

#D4FEEE

#D9D4FE

#FED4E4

Color Blindness Simulation

Original

#F9FED4

Protanopia

#FBFBDE

Deuteranopia

#FBFAE1

Tritanopia

#F9E6E8

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F8FCDF
200
#F5FDB9
300
#EEFC87
400
#E5FB47
500
#DCF906
600
#B0C705
700
#8DA004
800
#6E7D03
900
#505A07
950
#333904

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

20.16:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026