#FEF586

#FEF586

Color Values

HEX

#FEF586

RGB

254, 245, 134

HSL

55.5, 98.4%, 76.1%

HSV

55.5, 47.2%, 99.6%

CMYK

0.0%, 3.5%, 47.2%, 0.4%

OKLCH

0.9546 0.1333 104.5

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FEF586

#868FFE

Analogous

#FEB986

#CBFE86

#FEF586

Triadic

#FEF586

#86FEF5

#F586FE

Split Complementary

#FEF586

#86CBFE

#B986FE

Tetradic

#FEF586

#86FEB9

#868FFE

#FE86CB

Color Blindness Simulation

Original

#FEF586

Protanopia

#FAFAA1

Deuteranopia

#FBFBA7

Tritanopia

#FEB6BB

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FEF9B8
300
#FEF586
400
#FDF044
500
#FDEA02
600
#CABB02
700
#A29601
800
#7E7501
900
#5B5506
950
#3A3604

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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