#FDF487

#FDF487

Color Values

HEX

#FDF487

RGB

253, 244, 135

HSL

55.4, 96.7%, 76.1%

HSV

55.4, 46.6%, 99.2%

CMYK

0.0%, 3.6%, 46.6%, 0.8%

OKLCH

0.9519 0.1313 104.4

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FDF487

#8790FD

Analogous

#FDB987

#CBFD87

#FDF487

Triadic

#FDF487

#87FDF4

#F487FD

Split Complementary

#FDF487

#87CBFD

#B987FD

Tetradic

#FDF487

#87FDB9

#8790FD

#FD87CB

Color Blindness Simulation

Original

#FDF487

Protanopia

#F9F9A1

Deuteranopia

#FAFAA8

Tritanopia

#FDB6BB

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.47:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026