#FDC066

#FDC066

Color Values

HEX

#FDC066

RGB

253, 192, 102

HSL

35.8, 97.4%, 69.6%

HSV

35.8, 59.7%, 99.2%

CMYK

0.0%, 24.1%, 59.7%, 0.8%

OKLCH

0.8459 0.1279 75.2

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FDC066

#66A3FD

Analogous

#FD7566

#EEFD66

#FDC066

Triadic

#FDC066

#66FDC0

#C066FD

Split Complementary

#FDC066

#66EEFD

#7566FD

Tetradic

#FDC066

#66FD75

#66A3FD

#FD66EE

Color Blindness Simulation

Original

#FDC066

Protanopia

#E3E27C

Deuteranopia

#E6EB81

Tritanopia

#FA8D91

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FEE2B9
300
#FDCD86
400
#FDB245
500
#FC9803
600
#C97903
700
#A16102
800
#7E4C02
900
#5B3906
950
#392404

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.91:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026