#FEE986

#FEE986

Color Values

HEX

#FEE986

RGB

254, 233, 134

HSL

49.5, 98.4%, 76.1%

HSV

49.5, 47.2%, 99.6%

CMYK

0.0%, 8.3%, 47.2%, 0.4%

OKLCH

0.9305 0.1219 97.7

Properties

Warm Light Nearest: Yellow

Color Harmonies

Complementary

#FEE986

#869BFE

Analogous

#FEAD86

#D7FE86

#FEE986

Triadic

#FEE986

#86FEE9

#E986FE

Split Complementary

#FEE986

#86D7FE

#AD86FE

Tetradic

#FEE986

#86FEAD

#869BFE

#FE86D7

Color Blindness Simulation

Original

#FEE986

Protanopia

#F5F59E

Deuteranopia

#F6F8A4

Tritanopia

#FDB1B5

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FEF2B8
300
#FEE986
400
#FDDD44
500
#FDD102
600
#CAA702
700
#A28601
800
#7E6901
900
#5B4C06
950
#3A3004

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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