#FDBC86

#FDBC86

Color Values

HEX

#FDBC86

RGB

253, 188, 134

HSL

27.2, 96.7%, 75.9%

HSV

27.2, 47.0%, 99.2%

CMYK

0.0%, 25.7%, 47.0%, 0.8%

OKLCH

0.8431 0.1024 60.5

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FDBC86

#86C7FD

Analogous

#FD868C

#FDF786

#FDBC86

Triadic

#FDBC86

#86FDBC

#BC86FD

Split Complementary

#FDBC86

#86FDF7

#868CFD

Tetradic

#FDBC86

#8CFD86

#86C7FD

#F786FD

Color Blindness Simulation

Original

#FDBC86

Protanopia

#E1E093

Deuteranopia

#E5EA96

Tritanopia

#FA9DA0

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDE
200
#FED8B9
300
#FDBC87
400
#FC9845
500
#FB7404
600
#C95D03
700
#A14A03
800
#7D3A02
900
#5B2D06
950
#391C04

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.71:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026