#FDC386

#FDC386

Color Values

HEX

#FDC386

RGB

253, 195, 134

HSL

30.8, 96.7%, 75.9%

HSV

30.8, 47.0%, 99.2%

CMYK

0.0%, 22.9%, 47.0%, 0.8%

OKLCH

0.8561 0.1021 67.2

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FDC386

#86C0FD

Analogous

#FD8886

#FBFD86

#FDC386

Triadic

#FDC386

#86FDC3

#C386FD

Split Complementary

#FDC386

#86FBFD

#8886FD

Tetradic

#FDC386

#86FD88

#86C0FD

#FD86FB

Color Blindness Simulation

Original

#FDC386

Protanopia

#E4E395

Deuteranopia

#E7EC98

Tritanopia

#FAA0A3

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FEDCB9
300
#FDC387
400
#FCA345
500
#FB8304
600
#C96903
700
#A15403
800
#7D4102
900
#5B3206
950
#391F04

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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