#FDCD86

#FDCD86

Color Values

HEX

#FDCD86

RGB

253, 205, 134

HSL

35.8, 96.7%, 75.9%

HSV

35.8, 47.0%, 99.2%

CMYK

0.0%, 19.0%, 47.0%, 0.8%

OKLCH

0.8749 0.1039 76.5

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FDCD86

#86B6FD

Analogous

#FD9286

#F1FD86

#FDCD86

Triadic

#FDCD86

#86FDCD

#CD86FD

Split Complementary

#FDCD86

#86F1FD

#9286FD

Tetradic

#FDCD86

#86FD92

#86B6FD

#FD86F1

Color Blindness Simulation

Original

#FDCD86

Protanopia

#E8E897

Deuteranopia

#EBEF9B

Tritanopia

#FBA5A8

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FEE2B9
300
#FDCD87
400
#FCB245
500
#FB9704
600
#C97903
700
#A16103
800
#7D4C02
900
#5B3906
950
#392404

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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