#FECE86

#FECE86

Color Values

HEX

#FECE86

RGB

254, 206, 134

HSL

36.0, 98.4%, 76.1%

HSV

36.0, 47.2%, 99.6%

CMYK

0.0%, 18.9%, 47.2%, 0.4%

OKLCH

0.8778 0.1048 76.9

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FECE86

#86B6FE

Analogous

#FE9286

#F2FE86

#FECE86

Triadic

#FECE86

#86FECE

#CE86FE

Split Complementary

#FECE86

#86F2FE

#9286FE

Tetradic

#FECE86

#86FE92

#86B6FE

#FE86F2

Color Blindness Simulation

Original

#FECE86

Protanopia

#E9E997

Deuteranopia

#ECF09C

Tritanopia

#FCA5A8

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FEE2B8
300
#FECE86
400
#FDB344
500
#FD9902
600
#CA7A02
700
#A26201
800
#7E4C01
900
#5B3906
950
#3A2404

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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