Maroon Colors  ·  Color Library

Palettes / Colors / #F2EBCF

#F2EBCF — Pale Yellow

#F2EBCF is a yellow color we call Pale Yellow, closest to the named color AntiqueWhite (#FAEBD7). It belongs to the yellow family.

#F2EBCF is a warm yellow color associated with optimism, attention and cheer. It is light enough to work as a background or base color, with darker text on top.

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

#F2EBCF · RGB 242, 235, 207

Download PNG swatch SVG

Color values

HEX#F2EBCF
RGB242, 235, 207
HSL48°, 57%, 88%
HSV48°, 14%, 95%
CMYK0%, 3%, 14%, 5%
XYZ77.59, 82.80, 70.92
Yxy82.80, 0.3354, 0.3580
CIE-Lab92.93, -2.22, 14.43
Hunter Lab90.99, -2.21, 13.01

RGB & CMYK percentages

Red 95% · Green 92% · Blue 81%

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

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

Previews

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

CSS code for #F2EBCF

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

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

Shades of #F2EBCF

#E9DDAF#DFCE8B#D6C16B#CDB247#B89D32#98822A#746320#544817#30290D#100E04

Tints of #F2EBCF

#F3EDD3#F4EED7#F4EED7#F5F0DB#F6F2DF#F7F3E3#F8F5E7#F8F5E7#FAF7EB#FBF8EF

Tones of #F2EBCF

#EFE9D1#EDE8D4#EAE6D6#E8E5D9#E5E3DC#E3E2DE

Color harmonies

Complementary — #CFD6F2:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.20:1 Fails
Against black text17.56:1 AAA

Best text color on #F2EBCF: #000000.

How #F2EBCF looks with color blindness

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

Protanopia · #EFEFD6Deuteranopia · #EFF0D7Tritanopia · #F2DBDC

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

Palette 395144
#395144 · #4E6C50 · #AA8B56 · #F0EBCE
Palette F2e9d0
#F2E9D0 · #EACEB4 · #E79E85 · #BB5A5A
Palette F2edd1
#F2EDD1 · #F9CB99 · #689B8A · #280A3E
Palette 000000
#000000 · #0B60B0 · #40A2D8 · #F0EDCF
Palette 114b5f
#114B5F · #1A936F · #88D498 · #F3E9D2
Palette F9f5f0
#F9F5F0 · #F2EAD3 · #F4991A · #344F1F

Similar colors

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

#F0EBCE#F2E9D0#F2EDD1#F0EDCF#F3E9D2#F2EAD3#F0E9D2#F4EDCC#F4EBD3#F4EDD3#F3E8CB#EDEDCE

Browse neighbouring colors

← #F2EBCE  ·  #F2EBD0 →

Frequently asked questions

What color is #F2EBCF?

#F2EBCF is Pale Yellow, a yellow color (RGB 242, 235, 207). Its closest standard named color is AntiqueWhite.

What is the RGB and HSL of #F2EBCF?

#F2EBCF is RGB 242, 235, 207 — HSL 48°, 57%, 88% — CMYK 0%, 3%, 14%, 5%.

What colors go with #F2EBCF?

Its complement is #CFD6F2; analogous partners are #F2D9CF and #E7F2CF. It also appears in 6+ palettes in our collection.

Can I use #F2EBCF for text?

Black text on #F2EBCF has a contrast ratio of 17.56:1 (passes WCAG AA); white text gives 1.20:1.