#FDF486

#FDF486

Color Values

HEX

#FDF486

RGB

253, 244, 134

HSL

55.5, 96.7%, 75.9%

HSV

55.5, 47.0%, 99.2%

CMYK

0.0%, 3.6%, 47.0%, 0.8%

OKLCH

0.9518 0.1323 104.5

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FDF486

#868FFD

Analogous

#FDB986

#CAFD86

#FDF486

Triadic

#FDF486

#86FDF4

#F486FD

Split Complementary

#FDF486

#86CAFD

#B986FD

Tetradic

#FDF486

#86FDB9

#868FFD

#FD86CA

Color Blindness Simulation

Original

#FDF486

Protanopia

#F9F9A1

Deuteranopia

#FAFAA7

Tritanopia

#FDB6BA

Achromatopsia

#EEEEEE

CSS Usage

background-color: #FDF486;
color: #FDF486;
border-color: #FDF486;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FEF9B9
300
#FDF487
400
#FCEE45
500
#FBE804
600
#C9BA03
700
#A19503
800
#7D7402
900
#5B5406
950
#393504

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.46:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026