#FDF0A4

#FDF0A4

Color Values

HEX

#FDF0A4

RGB

253, 240, 164

HSL

51,2, 95,7%, 81,8%

HSV

51,2, 35,2%, 99,2%

CMYK

0,0%, 5,1%, 35,2%, 0,8%

OKLCH

0,9483 0,0962 99,7

Properties

Warm Light Nearest: Green Yellow

Color Harmonies

Complementary

#FDF0A4

#A4B1FD

Analogous

#FDC4A4

#DEFDA4

#FDF0A4

Triadic

#FDF0A4

#A4FDF0

#F0A4FD

Split Complementary

#FDF0A4

#A4DEFD

#C4A4FD

Tetradic

#FDF0A4

#A4FDC4

#A4B1FD

#FDA4DE

Color Blindness Simulation

Original

#FDF0A4

Protanopia

#F7F7B6

Deuteranopia

#F8F9BB

Tritanopia

#FCC5C8

Achromatopsia

#EDEDED

CSS Usage

background-color: #FDF0A4;
color: #FDF0A4;
border-color: #FDF0A4;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FEFCF1
100
#FCF7DF
200
#FDF3B9
300
#FCEB87
400
#FBE046
500
#FAD605
600
#C8AB04
700
#A08904
800
#7D6B03
900
#5A4E07
950
#393104

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,18:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026