#FDFED4

#FDFED4

Color Values

HEX

#FDFED4

RGB

253, 254, 212

HSL

61.4, 95.5%, 91.4%

HSV

61.4, 16.5%, 99.6%

CMYK

0.4%, 0.0%, 16.5%, 0.4%

OKLCH

0.9857 0.0543 108.5

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#FDFED4

#D5D4FE

Analogous

#FEEAD4

#E8FED4

#FDFED4

Triadic

#FDFED4

#D4FDFE

#FED4FD

Split Complementary

#FDFED4

#D4E8FE

#EAD4FE

Tetradic

#FDFED4

#D4FEEA

#D5D4FE

#FED4E8

Color Blindness Simulation

Original

#FDFED4

Protanopia

#FDFDDE

Deuteranopia

#FDFDE1

Tritanopia

#FDE6E8

Achromatopsia

#FBFBFB

CSS Usage

background-color: #FDFED4;
color: #FDFED4;
border-color: #FDFED4;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FDFEF1
100
#FBFCDF
200
#FCFDB9
300
#FAFC87
400
#F7FB47
500
#F4F906
600
#C3C705
700
#9CA004
800
#7A7D03
900
#585A07
950
#383904

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

20.3:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026