#FDFFD6

#FDFFD6

Color Values

HEX

#FDFFD6

RGB

253, 255, 214

HSL

62.9, 100.0%, 92.0%

HSV

62.9, 16.1%, 100.0%

CMYK

0.8%, 0.0%, 16.1%, 0.0%

OKLCH

0.9882 0.053 109.6

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#FDFFD6

#D8D6FF

Analogous

#FFEDD6

#E9FFD6

#FDFFD6

Triadic

#FDFFD6

#D6FDFF

#FFD6FD

Split Complementary

#FDFFD6

#D6E9FF

#EDD6FF

Tetradic

#FDFFD6

#D6FFED

#D8D6FF

#FFD6E9

Color Blindness Simulation

Original

#FDFFD6

Protanopia

#FEFEE0

Deuteranopia

#FEFEE2

Tritanopia

#FDE8E9

Achromatopsia

#FCFCFC

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FBFCDE
200
#FCFFB8
300
#F9FF85
400
#F6FF42
500
#F3FF00
600
#C2CC00
700
#9BA300
800
#798000
900
#585C05
950
#373A03

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

20.45: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