#FFFDC2

#FFFDC2

Color Values

HEX

#FFFDC2

RGB

255, 253, 194

HSL

58,0, 100,0%, 88,0%

HSV

58,0, 23,9%, 100,0%

CMYK

0,0%, 0,8%, 23,9%, 0,0%

OKLCH

0,9815 0,0752 106,1

Properties

Warm Light Nearest: lemonchiffon

Color Harmonies

Complementary

#FFFDC2

#C2C4FF

Analogous

#FFDEC2

#E2FFC2

#FFFDC2

Triadic

#FFFDC2

#C2FFFD

#FDC2FF

Split Complementary

#FFFDC2

#C2E2FF

#DEC2FF

Tetradic

#FFFDC2

#C2FFDE

#C2C4FF

#FFC2E2

Color Blindness Simulation

Original

#FFFDC2

Protanopia

#FEFED0

Deuteranopia

#FEFED4

Tritanopia

#FFDCDE

Achromatopsia

#F9F9F9

CSS Usage

background-color: #FFFDC2;
color: #FFFDC2;
border-color: #FFFDC2;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FFFDB8
300
#FFFB85
400
#FFF942
500
#FFF600
600
#CCC500
700
#A39E00
800
#807B00
900
#5C5905
950
#3A3803

Contrast Checker

Text on white

1,05:1

AA Fail AAA Fail

Text on black

20,08: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