#FEEE86

#FEEE86

Color Values

HEX

#FEEE86

RGB

254, 238, 134

HSL

52,0, 98,4%, 76,1%

HSV

52,0, 47,2%, 99,6%

CMYK

0,0%, 6,3%, 47,2%, 0,4%

OKLCH

0,9405 0,1264 100,7

Properties

Warm Light Nearest: Yellow

Color Harmonies

Complementary

#FEEE86

#8696FE

Analogous

#FEB286

#D2FE86

#FEEE86

Triadic

#FEEE86

#86FEEE

#EE86FE

Split Complementary

#FEEE86

#86D2FE

#B286FE

Tetradic

#FEEE86

#86FEB2

#8696FE

#FE86D2

Color Blindness Simulation

Original

#FEEE86

Protanopia

#F7F79F

Deuteranopia

#F8F9A5

Tritanopia

#FDB3B7

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FEF5B8
300
#FEEE86
400
#FDE544
500
#FDDC02
600
#CAB002
700
#A28C01
800
#7E6E01
900
#5B5006
950
#3A3204

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026