#FDFDF2

#FDFDF2

Color Values

HEX

#FDFDF2

RGB

253, 253, 242

HSL

60.0, 73.3%, 97.1%

HSV

60.0, 4.3%, 99.2%

CMYK

0.0%, 0.0%, 4.3%, 0.8%

OKLCH

0.9911 0.0144 106.7

Properties

Warm Light Nearest: floralwhite

Color Harmonies

Complementary

#FDFDF2

#F2F2FD

Analogous

#FDF8F2

#F8FDF2

#FDFDF2

Triadic

#FDFDF2

#F2FDFD

#FDF2FD

Split Complementary

#FDFDF2

#F2F8FD

#F8F2FD

Tetradic

#FDFDF2

#F2FDF8

#F2F2FD

#FDF2F8

Color Blindness Simulation

Original

#FDFDF2

Protanopia

#FDFDF5

Deuteranopia

#FDFDF5

Tritanopia

#FDF7F7

Achromatopsia

#FCFCFC

CSS Usage

background-color: #FDFDF2;
color: #FDFDF2;
border-color: #FDFDF2;
Nearest Tailwind: Amber 50 #FFFBEB

Tailwind Shades

50
#FCFCF3
100
#F8F8E2
200
#F5F5C1
300
#EFEF95
400
#E6E65B
500
#DDDD22
600
#B1B11B
700
#8D8D16
800
#6E6E11
900
#505010
950
#33330A

Contrast Checker

Text on white

1.02:1

AA Fail AAA Fail

Text on black

20.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026