#FECB86

#FECB86

Color Values

HEX

#FECB86

RGB

254, 203, 134

HSL

34.5, 98.4%, 76.1%

HSV

34.5, 47.2%, 99.6%

CMYK

0.0%, 20.1%, 47.2%, 0.4%

OKLCH

0.8721 0.104 74.1

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FECB86

#86B9FE

Analogous

#FE8F86

#F5FE86

#FECB86

Triadic

#FECB86

#86FECB

#CB86FE

Split Complementary

#FECB86

#86F5FE

#8F86FE

Tetradic

#FECB86

#86FE8F

#86B9FE

#FE86F5

Color Blindness Simulation

Original

#FECB86

Protanopia

#E8E797

Deuteranopia

#EBEF9B

Tritanopia

#FBA4A7

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FEE1B8
300
#FECB86
400
#FDAF44
500
#FD9202
600
#CA7502
700
#A25E01
800
#7E4901
900
#5B3706
950
#3A2304

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.1:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026