#FCB580

#FCB580

Color Values

HEX

#FCB580

RGB

252, 181, 128

HSL

25.6, 95.4%, 74.5%

HSV

25.6, 49.2%, 98.8%

CMYK

0.0%, 28.2%, 49.2%, 1.2%

OKLCH

0.8282 0.1075 57.3

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FCB580

#80C7FC

Analogous

#FC8089

#FCF380

#FCB580

Triadic

#FCB580

#80FCB5

#B580FC

Split Complementary

#FCB580

#80FCF3

#8089FC

Tetradic

#FCB580

#89FC80

#80C7FC

#F380FC

Color Blindness Simulation

Original

#FCB580

Protanopia

#DDDD8D

Deuteranopia

#E1E790

Tritanopia

#F89799

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDF
200
#FDD6B9
300
#FCB987
400
#FB9347
500
#F96E06
600
#C75805
700
#9F4604
800
#7D3703
900
#5A2A07
950
#391B04

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026