Maroon Colors  ·  Color Library

Palettes / Colors / #FBDBD0

#FBDBD0 — Pale Vivid Orange

#FBDBD0 is a orange color we call Pale Vivid Orange, closest to the named color Bisque (#FFE4C4). It belongs to the orange family.

#FBDBD0 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 #D0F0FB; it also sits naturally between #FBD0DB and #FBF0D0. In the palettes below you can see it working alongside real color combinations from our collection.

#FBDBD0 · RGB 251, 219, 208

Download PNG swatch SVG

Color values

HEX#FBDBD0
RGB251, 219, 208
HSL15°, 84%, 90%
HSV15°, 17%, 98%
CMYK0%, 13%, 17%, 2%
XYZ76.50, 75.73, 70.26
Yxy75.73, 0.3438, 0.3404
CIE-Lab89.73, 9.36, 9.47
Hunter Lab87.02, 9.43, 8.63

RGB & CMYK percentages

Red 98% · Green 86% · Blue 82%

Cyan 0% · Magenta 13% · Yellow 17% · Key 2%

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

Previews

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

CSS code for #FBDBD0

.text { color: #FBDBD0; }
.background { background-color: #FBDBD0; }
.border { border: 3px solid #FBDBD0; }
.text-rgb { color: rgb(251, 219, 208); }
.text-hsl { color: hsl(15, 84%, 90%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FBDBD0; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(251, 219, 208, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FBDBD0; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(251, 219, 208, 0.8); }

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

Shades of #FBDBD0

#F7BAA6#F49D80#F07D56#ED6031#DD4613#B23810#8D2C0C#631F09#3D1305#130602

Tints of #FBDBD0

#FBDED5#FBDED5#FCE2D9#FCE2D9#FCE6DE#FDE9E3#FDE9E3#FDEDE8#FDEDE8#FDF1EC

Tones of #FBDBD0

#F8DCD3#F5DED6#F2DFD9#EFE1DC#ECE2DF#E9E4E2

Color harmonies

Complementary — #D0F0FB:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.30:1 Fails
Against black text16.15:1 AAA

Best text color on #FBDBD0: #000000.

How #FBDBD0 looks with color blindness

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

Protanopia · #EDEDD3Deuteranopia · #EFF1D3Tritanopia · #F9D5D5

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:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9EMaterial Yellow 500 · #FFEB3B

Palettes with a similar color

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

Palette Fcd8cd
#FCD8CD · #FEEBF6 · #EBD6FB · #687FE5
Palette Ffb9b9
#FFB9B9 · #FFDDD2 · #FFACC7 · #FF8DC7
Palette Ffbe98
#FFBE98 · #FEECE2 · #F7DED0 · #E2BFB3
Palette Fcd8d4
#FCD8D4 · #FDF6F0 · #F8E2CF · #F5C6AA
Palette B7b1f2
#B7B1F2 · #FDB7EA · #FFDCCC · #FBF3B9
Honey Ruby Horizon
#F6D8D0 · #E2A698 · #762F1E · #532418

Similar colors

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

#FCD8CD#FFDDD2#F7DED0#FCD8D4#FFDCCC#F6D8D0#FFDDCC#F7D6D0#FFDFD3#F5DAD2#F8DFD4#FED9CA

Browse neighbouring colors

← #FBDBCF  ·  #FBDBD1 →

Frequently asked questions

What color is #FBDBD0?

#FBDBD0 is Pale Vivid Orange, a orange color (RGB 251, 219, 208). Its closest standard named color is Bisque.

What is the RGB and HSL of #FBDBD0?

#FBDBD0 is RGB 251, 219, 208 — HSL 15°, 84%, 90% — CMYK 0%, 13%, 17%, 2%.

What colors go with #FBDBD0?

Its complement is #D0F0FB; analogous partners are #FBD0DB and #FBF0D0. It also appears in 6+ palettes in our collection.

Can I use #FBDBD0 for text?

Black text on #FBDBD0 has a contrast ratio of 16.15:1 (passes WCAG AA); white text gives 1.30:1.