Maroon Colors  ·  Color Library

Palettes / Colors / #FDBCA0

#FDBCA0 — Light Vivid Orange

#FDBCA0 is a orange color we call Light Vivid Orange, closest to the named color LightPink (#FFB6C1). It belongs to the orange family.

#FDBCA0 is a warm orange color associated with warmth, appetite and friendliness. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #A0E1FD; it also sits naturally between #FDA0B3 and #FDEAA0. In the palettes below you can see it working alongside real color combinations from our collection.

#FDBCA0 · RGB 253, 188, 160

Download PNG swatch SVG

Color values

HEX#FDBCA0
RGB253, 188, 160
HSL18°, 96%, 81%
HSV18°, 37%, 99%
CMYK0%, 26%, 37%, 1%
XYZ64.84, 59.39, 41.30
Yxy59.39, 0.3917, 0.3588
CIE-Lab81.50, 19.87, 23.33
Hunter Lab77.06, 19.74, 18.66

RGB & CMYK percentages

Red 99% · Green 74% · Blue 63%

Cyan 0% · Magenta 26% · Yellow 37% · Key 1%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #FDBCA0 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #FDBCA0 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #FDBCA0

.text { color: #FDBCA0; }
.background { background-color: #FDBCA0; }
.border { border: 3px solid #FDBCA0; }
.text-rgb { color: rgb(253, 188, 160); }
.text-hsl { color: hsl(18, 96%, 81%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FDBCA0; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(253, 188, 160, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FDBCA0; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(253, 188, 160, 0.8); }

HTML: <p style="color:#FDBCA0">Text here</p> · <div style="background-color:#FDBCA0">Div content here</div>

Shades of #FDBCA0

#FCA078#FC8755#FB6B2D#FA4F05#D74404#AF3704#872A03#5F1E02#3C1301#140600

Tints of #FDBCA0

#FDC3AA#FDC7AF#FECEB9#FED1BE#FED8C8#FEDCCD#FEE3D7#FEE6DC#FEEDE6#FFF1EB

Tones of #FDBCA0

#F6BFA7#F0C1AD#E9C4B4#E2C7BB#DCC9C1#D5CCC8

Color harmonies

Complementary — #A0E1FD:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.63:1 Fails
Against black text12.88:1 AAA

Best text color on #FDBCA0: #000000.

How #FDBCA0 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #E1E0A7Deuteranopia · #E5EAA8Tritanopia · #FAACAD

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9EBootstrap light · #F8F9FAMaterial Yellow 500 · #FFEB3B

Palettes with a similar color

These palettes use a close neighbour of #FDBCA0 rather than the exact color:

Palette Ff80c7
#FF80C7 · #FFBDA3 · #FFE1BB · #FAFFC4
Palette Fff7cd
#FFF7CD · #FDC3A1 · #FB9B8F · #F57799
Palette A75d5d
#A75D5D · #D3756B · #F0997D · #FFC3A1
Palette Fabea7
#FABEA7 · #FBE2E5 · #9CADA4 · #767C77
Palette Ffecc0
#FFECC0 · #FFC29B · #F39F9F · #B95E82
Palette Ffcdb2
#FFCDB2 · #FFB4A2 · #E5989B · #B5828C

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#FFBDA3#FDC3A1#FFC3A1#FABEA7#FFC29B#FFB4A2#FFBE98#FFB6A6#FBB4A5#FFBFA9#F5B89B#FFB996

Browse neighbouring colors

← #FDBC9F  ·  #FDBCA1 →

Frequently asked questions

What color is #FDBCA0?

#FDBCA0 is Light Vivid Orange, a orange color (RGB 253, 188, 160). Its closest standard named color is LightPink.

What is the RGB and HSL of #FDBCA0?

#FDBCA0 is RGB 253, 188, 160 — HSL 18°, 96%, 81% — CMYK 0%, 26%, 37%, 1%.

What colors go with #FDBCA0?

Its complement is #A0E1FD; analogous partners are #FDA0B3 and #FDEAA0. It also appears in 6+ palettes in our collection.

Can I use #FDBCA0 for text?

Black text on #FDBCA0 has a contrast ratio of 12.88:1 (passes WCAG AA); white text gives 1.63:1.