#FDC286

#FDC286

Color Values

HEX

#FDC286

RGB

253, 194, 134

HSL

30.3, 96.7%, 75.9%

HSV

30.3, 47.0%, 99.2%

CMYK

0.0%, 23.3%, 47.0%, 0.8%

OKLCH

0.8542 0.102 66.2

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FDC286

#86C1FD

Analogous

#FD8786

#FCFD86

#FDC286

Triadic

#FDC286

#86FDC2

#C286FD

Split Complementary

#FDC286

#86FCFD

#8786FD

Tetradic

#FDC286

#86FD87

#86C1FD

#FD86FC

Color Blindness Simulation

Original

#FDC286

Protanopia

#E3E395

Deuteranopia

#E7EB98

Tritanopia

#FAA0A2

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FEDCB9
300
#FDC287
400
#FCA245
500
#FB8104
600
#C96703
700
#A15203
800
#7D4002
900
#5B3106
950
#391F04

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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