#FEC686

#FEC686

Color Values

HEX

#FEC686

RGB

254, 198, 134

HSL

32.0, 98.4%, 76.1%

HSV

32.0, 47.2%, 99.6%

CMYK

0.0%, 22.0%, 47.2%, 0.4%

OKLCH

0.8627 0.103 69.5

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FEC686

#86BEFE

Analogous

#FE8A86

#FAFE86

#FEC686

Triadic

#FEC686

#86FEC6

#C686FE

Split Complementary

#FEC686

#86FAFE

#8A86FE

Tetradic

#FEC686

#86FE8A

#86BEFE

#FE86FA

Color Blindness Simulation

Original

#FEC686

Protanopia

#E6E595

Deuteranopia

#E9ED99

Tritanopia

#FBA2A4

Achromatopsia

#CDCDCD

CSS Usage

background-color: #FEC686;
color: #FEC686;
border-color: #FEC686;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FEDEB8
300
#FEC686
400
#FDA744
500
#FD8802
600
#CA6D02
700
#A25701
800
#7E4401
900
#5B3306
950
#3A2004

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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