#FEE286

#FEE286

Color Values

HEX

#FEE286

RGB

254, 226, 134

HSL

46.0, 98.4%, 76.1%

HSV

46.0, 47.2%, 99.6%

CMYK

0.0%, 11.0%, 47.2%, 0.4%

OKLCH

0.9167 0.1161 93.0

Properties

Warm Light Nearest: lightgoldenrod 1

Color Harmonies

Complementary

#FEE286

#86A2FE

Analogous

#FEA686

#DEFE86

#FEE286

Triadic

#FEE286

#86FEE2

#E286FE

Split Complementary

#FEE286

#86DEFE

#A686FE

Tetradic

#FEE286

#86FEA6

#86A2FE

#FE86DE

Color Blindness Simulation

Original

#FEE286

Protanopia

#F2F29C

Deuteranopia

#F4F6A2

Tritanopia

#FDAEB2

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FEEEB8
300
#FEE286
400
#FDD244
500
#FDC202
600
#CA9C02
700
#A27C01
800
#7E6101
900
#5B4706
950
#3A2D04

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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