#FDCC87

#FDCC87

Color Values

HEX

#FDCC87

RGB

253, 204, 135

HSL

35.1, 96.7%, 76.1%

HSV

35.1, 46.6%, 99.2%

CMYK

0.0%, 19.4%, 46.6%, 0.8%

OKLCH

0.8732 0.1027 75.2

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FDCC87

#87B8FD

Analogous

#FD9187

#F3FD87

#FDCC87

Triadic

#FDCC87

#87FDCC

#CC87FD

Split Complementary

#FDCC87

#87F3FD

#9187FD

Tetradic

#FDCC87

#87FD91

#87B8FD

#FD87F3

Color Blindness Simulation

Original

#FDCC87

Protanopia

#E8E798

Deuteranopia

#EBEE9C

Tritanopia

#FBA5A8

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCF0DE
200
#FEE1B9
300
#FDCC87
400
#FCB045
500
#FB9404
600
#C97703
700
#A15F03
800
#7D4A02
900
#5B3806
950
#392304

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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