#FDF386

#FDF386

Color Values

HEX

#FDF386

RGB

253, 243, 134

HSL

55.0, 96.7%, 75.9%

HSV

55.0, 47.0%, 99.2%

CMYK

0.0%, 4.0%, 47.0%, 0.8%

OKLCH

0.9498 0.1313 103.9

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FDF386

#8690FD

Analogous

#FDB886

#CBFD86

#FDF386

Triadic

#FDF386

#86FDF3

#F386FD

Split Complementary

#FDF386

#86CBFD

#B886FD

Tetradic

#FDF386

#86FDB8

#8690FD

#FD86CB

Color Blindness Simulation

Original

#FDF386

Protanopia

#F9F9A0

Deuteranopia

#F9FAA7

Tritanopia

#FCB5BA

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCF9DE
200
#FEF8B9
300
#FDF387
400
#FCED45
500
#FBE604
600
#C9B803
700
#A19303
800
#7D7302
900
#5B5406
950
#393504

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.34: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