#FDF4C0

#FDF4C0

Color Values

HEX

#FDF4C0

RGB

253, 244, 192

HSL

51,1, 93,8%, 87,3%

HSV

51,1, 24,1%, 99,2%

CMYK

0,0%, 3,6%, 24,1%, 0,8%

OKLCH

0,9616 0,0674 99,3

Properties

Warm Light Nearest: lemonchiffon

Color Harmonies

Complementary

#FDF4C0

#C0C9FD

Analogous

#FDD6C0

#E8FDC0

#FDF4C0

Triadic

#FDF4C0

#C0FDF4

#F4C0FD

Split Complementary

#FDF4C0

#C0E8FD

#D6C0FD

Tetradic

#FDF4C0

#C0FDD6

#C0C9FD

#FDC0E8

Color Blindness Simulation

Original

#FDF4C0

Protanopia

#F9F9CD

Deuteranopia

#FAFAD0

Tritanopia

#FDD7D9

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF7DF
200
#FDF3BA
300
#FBEA88
400
#F9DF48
500
#F7D408
600
#C6A906
700
#9E8705
800
#7C6A04
900
#594D08
950
#383105

Contrast Checker

Text on white

1,11:1

AA Fail AAA Fail

Text on black

18,88: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