#FDE286

#FDE286

Color Values

HEX

#FDE286

RGB

253, 226, 134

HSL

46.4, 96.7%, 75.9%

HSV

46.4, 47.0%, 99.2%

CMYK

0.0%, 10.7%, 47.0%, 0.8%

OKLCH

0.9158 0.1159 93.5

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#FDE286

#86A1FD

Analogous

#FDA786

#DCFD86

#FDE286

Triadic

#FDE286

#86FDE2

#E286FD

Split Complementary

#FDE286

#86DCFD

#A786FD

Tetradic

#FDE286

#86FDA7

#86A1FD

#FD86DC

Color Blindness Simulation

Original

#FDE286

Protanopia

#F1F19C

Deuteranopia

#F3F5A2

Tritanopia

#FCAEB2

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FEEEB9
300
#FDE287
400
#FCD345
500
#FBC304
600
#C99C03
700
#A17D03
800
#7D6102
900
#5B4806
950
#392D04

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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