#FDED86

#FDED86

Color Values

HEX

#FDED86

RGB

253, 237, 134

HSL

51.9, 96.7%, 75.9%

HSV

51.9, 47.0%, 99.2%

CMYK

0.0%, 6.3%, 47.0%, 0.8%

OKLCH

0.9377 0.1254 100.6

Properties

Warm Light Nearest: Yellow

Color Harmonies

Complementary

#FDED86

#8696FD

Analogous

#FDB186

#D2FD86

#FDED86

Triadic

#FDED86

#86FDED

#ED86FD

Split Complementary

#FDED86

#86D2FD

#B186FD

Tetradic

#FDED86

#86FDB1

#8696FD

#FD86D2

Color Blindness Simulation

Original

#FDED86

Protanopia

#F6F69F

Deuteranopia

#F7F8A5

Tritanopia

#FCB3B7

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FEF5B9
300
#FDED87
400
#FCE345
500
#FBDA04
600
#C9AE03
700
#A18B03
800
#7D6D02
900
#5B4F06
950
#393204

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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