#FCBD75

#FCBD75

Color Values

HEX

#FCBD75

RGB

252, 189, 117

HSL

32.0, 95.7%, 72.4%

HSV

32.0, 53.6%, 98.8%

CMYK

0.0%, 25.0%, 53.6%, 1.2%

OKLCH

0.8412 0.1151 68.9

Properties

Warm Light Nearest: Mac and Cheese

Color Harmonies

Complementary

#FCBD75

#75B4FC

Analogous

#FC7A75

#F7FC75

#FCBD75

Triadic

#FCBD75

#75FCBD

#BD75FC

Split Complementary

#FCBD75

#75F7FC

#7A75FC

Tetradic

#FCBD75

#75FC7A

#75B4FC

#FC75F7

Color Blindness Simulation

Original

#FCBD75

Protanopia

#E1E086

Deuteranopia

#E4E98B

Tritanopia

#F99497

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDF
200
#FDDEB9
300
#FCC687
400
#FBA746
500
#FA8805
600
#C86D04
700
#A05704
800
#7D4403
900
#5A3307
950
#392004

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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