Maroon Colors  ·  Color Library

Palettes / Colors / #F2DBCF

#F2DBCF — Pale Orange

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

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

#F2DBCF · RGB 242, 219, 207

Download PNG swatch SVG

Color values

HEX#F2DBCF
RGB242, 219, 207
HSL21°, 57%, 88%
HSV21°, 14%, 95%
CMYK0%, 10%, 14%, 5%
XYZ73.21, 74.05, 69.46
Yxy74.05, 0.3378, 0.3417
CIE-Lab88.94, 5.99, 8.76
Hunter Lab86.05, 5.97, 7.98

RGB & CMYK percentages

Red 95% · Green 86% · Blue 81%

Cyan 0% · Magenta 10% · Yellow 14% · Key 5%

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

Previews

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

CSS code for #F2DBCF

.text { color: #F2DBCF; }
.background { background-color: #F2DBCF; }
.border { border: 3px solid #F2DBCF; }
.text-rgb { color: rgb(242, 219, 207); }
.text-hsl { color: hsl(21, 57%, 88%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #F2DBCF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(242, 219, 207, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #F2DBCF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(242, 219, 207, 0.8); }

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

Shades of #F2DBCF

#E9C3AF#DFA88B#D6916B#CD7647#B86132#98502A#743D20#542C17#30190D#100804

Tints of #F2DBCF

#F3DED3#F4E1D7#F4E1D7#F5E4DB#F6E7DF#F7EAE3#F8EDE7#F8EDE7#FAF0EB#FBF3EF

Tones of #F2DBCF

#EFDCD1#EDDDD4#EADDD6#E8DED9#E5DFDC#E3E0DE

Color harmonies

Complementary — #CFE6F2:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.33:1 Fails
Against black text15.81:1 AAA

Best text color on #F2DBCF: #000000.

How #F2DBCF looks with color blindness

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

Protanopia · #E8E8D2Deuteranopia · #E9EBD3Tritanopia · #F1D4D5

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 #F2DBCF rather than the exact color:

Wild Ruby
#7C0E44 · #AA5E7A · #D49A9A · #F2DACE
Palette 921a40
#921A40 · #C75B7A · #D9ABAB · #F4D9D0
Palette 999b84
#999B84 · #D8AC9C · #EFD9D1 · #F4EEED
Palette F5dad2
#F5DAD2 · #FCFFE0 · #BACD92 · #75A47F
Royal Ruby Horizon
#165594 · #3999E1 · #C9741E · #F4DCCB
Palette Fdefef
#FDEFEF · #F4DFD0 · #DAD0C2 · #CDBBA7

Similar colors

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

#F2DACE#F4D9D0#EFD9D1#F5DAD2#F4DCCB#F4DFD0#F6D8D0#EDD8CF#F7DED0#F4E0D2#F3D7CA#F1DEC9

Browse neighbouring colors

← #F2DBCE  ·  #F2DBD0 →

Frequently asked questions

What color is #F2DBCF?

#F2DBCF is Pale Orange, a orange color (RGB 242, 219, 207). Its closest standard named color is Bisque.

What is the RGB and HSL of #F2DBCF?

#F2DBCF is RGB 242, 219, 207 — HSL 21°, 57%, 88% — CMYK 0%, 10%, 14%, 5%.

What colors go with #F2DBCF?

Its complement is #CFE6F2; analogous partners are #F2CFD4 and #F2EDCF. It also appears in 6+ palettes in our collection.

Can I use #F2DBCF for text?

Black text on #F2DBCF has a contrast ratio of 15.81:1 (passes WCAG AA); white text gives 1.33:1.