#FCA77D

#FCA77D

Color Values

HEX

#FCA77D

RGB

252, 167, 125

HSL

19.8, 95.5%, 73.9%

HSV

19.8, 50.4%, 98.8%

CMYK

0.0%, 33.7%, 50.4%, 1.2%

OKLCH

0.8028 0.1155 46.9

Properties

Warm Light Nearest: NCS S 0540-Y70R Coral Light

Color Harmonies

Complementary

#FCA77D

#7DD2FC

Analogous

#FC7D92

#FCE67D

#FCA77D

Triadic

#FCA77D

#7DFCA7

#A77DFC

Split Complementary

#FCA77D

#7DFCE6

#7D92FC

Tetradic

#FCA77D

#92FC7D

#7DD2FC

#E67DFC

Color Blindness Simulation

Original

#FCA77D

Protanopia

#D7D687

Deuteranopia

#DCE28A

Tritanopia

#F88F91

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DF
200
#FDD0B9
300
#FCAE87
400
#FB8247
500
#F95606
600
#C74505
700
#A03704
800
#7D2B03
900
#5A2207
950
#391604

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

10.96:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026