#FECC86

#FECC86

Color Values

HEX

#FECC86

RGB

254, 204, 134

HSL

35.0, 98.4%, 76.1%

HSV

35.0, 47.2%, 99.6%

CMYK

0.0%, 19.7%, 47.2%, 0.4%

OKLCH

0.874 0.1042 75.0

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FECC86

#86B8FE

Analogous

#FE9086

#F4FE86

#FECC86

Triadic

#FECC86

#86FECC

#CC86FE

Split Complementary

#FECC86

#86F4FE

#9086FE

Tetradic

#FECC86

#86FE90

#86B8FE

#FE86F4

Color Blindness Simulation

Original

#FECC86

Protanopia

#E8E897

Deuteranopia

#EBEF9B

Tritanopia

#FBA4A7

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCF0DE
200
#FEE1B8
300
#FECC86
400
#FDB044
500
#FD9402
600
#CA7702
700
#A25F01
800
#7E4A01
900
#5B3806
950
#3A2304

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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