#FEED86

#FEED86

Color Values

HEX

#FEED86

RGB

254, 237, 134

HSL

51.5, 98.4%, 76.1%

HSV

51.5, 47.2%, 99.6%

CMYK

0.0%, 6.7%, 47.2%, 0.4%

OKLCH

0.9385 0.1255 100.1

Properties

Warm Light Nearest: Yellow

Color Harmonies

Complementary

#FEED86

#8697FE

Analogous

#FEB186

#D3FE86

#FEED86

Triadic

#FEED86

#86FEED

#ED86FE

Split Complementary

#FEED86

#86D3FE

#B186FE

Tetradic

#FEED86

#86FEB1

#8697FE

#FE86D3

Color Blindness Simulation

Original

#FEED86

Protanopia

#F7F69F

Deuteranopia

#F8F9A5

Tritanopia

#FDB3B7

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FEF4B8
300
#FEED86
400
#FDE344
500
#FDD902
600
#CAAE02
700
#A28B01
800
#7E6D01
900
#5B4F06
950
#3A3204

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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