Maroon Colors  ·  Color Library

Palettes / Colors / #EBEEC0

#EBEEC0 — Pale Yellow

#EBEEC0 is a yellow color we call Pale Yellow, closest to the named color Bisque (#FFE4C4). It belongs to the yellow family.

Color name

Closest CSS keyword: bisque (#FFE4C4) — not an exact match. CSS bisque gives you #FFE4C4, a different color; use #EBEEC0 when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

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

#EBEEC0 · RGB 235, 238, 192

Download PNG swatch SVG

Color values

HEX#EBEEC0
RGB235, 238, 192
HSL64°, 58%, 84%
HSV64°, 19%, 93%
CMYK1%, 0%, 19%, 7%
XYZ74.35, 82.62, 61.90
Yxy82.62, 0.3397, 0.3775
CIE-Lab92.85, -8.47, 21.99
Hunter Lab90.89, -8.33, 19.01

RGB & CMYK percentages

Red 92% · Green 93% · Blue 75%

Cyan 1% · Magenta 0% · Yellow 19% · Key 7%

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

Previews

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

CSS code for #EBEEC0

.text { color: #EBEEC0; }
.background { background-color: #EBEEC0; }
.border { border: 3px solid #EBEEC0; }
.text-rgb { color: rgb(235, 238, 192); }
.text-hsl { color: hsl(64, 58%, 84%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EBEEC0; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(235, 238, 192, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EBEEC0; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(235, 238, 192, 0.8); }

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

Shades of #EBEEC0

#E1E59E#D6DD7E#CCD45E#C2CC3E#A9B12F#8A9127#6B711E#4D5115#2E300D#0F1004

Tints of #EBEEC0

#ECEFC3#EDF0C7#F0F2CF#F1F3D3#F2F4D7#F4F5DB#F5F6DF#F7F9E7#F9FAEB#FAFBEF

Tones of #EBEEC0

#E8EBC2#E5E7C5#E2E4C9#DFE0CC#DCDDCF#D9D9D3

Color harmonies

Complementary — #C2BFEE:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #EBEEC0: #000000.

Semi-transparent (opacity) text on #EBEEC0

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #EBEEC0: ·

How #EBEEC0 looks with color blindness

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

Protanopia · #ECECCBDeuteranopia · #ECECCETritanopia · #EBD4D6

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

Tranquil Ruby Saffron
#551CC0 · #8442E3 · #B6E75A · #EAF2C3
Smoky Ruby Mirage
#827E19 · #24B9B4 · #D131D7 · #E8ECC4
Palette 7adaa5
#7ADAA5 · #239BA7 · #ECECBB · #E1AA36
Vintage Ruby Dusk
#E7F2BF · #D9EA99 · #C5DF62 · #AED322
Frozen Solace
#F0F0C2 · #BEEABA · #D3F6F0 · #B2C0EA
Palette Dbf1f2
#DBF1F2 · #CD5555 · #882042 · #EFEDBB

Similar colors

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

#EAF2C3#E8ECC4#ECECBB#E7F2BF#F0F0C2#EFEDBB#EDF4C2#EBE8BD#F1ECC3#F2EDC2#E5ECC4#EFEABB

Browse neighbouring colors

← #EBEEBF  ·  #EBEEC1 →

Frequently asked questions

What color is #EBEEC0?

#EBEEC0 is Pale Yellow, a yellow color (RGB 235, 238, 192). Its closest standard named color is Bisque.

What is the RGB and HSL of #EBEEC0?

#EBEEC0 is RGB 235, 238, 192 — HSL 64°, 58%, 84% — CMYK 1%, 0%, 19%, 7%.

What colors go with #EBEEC0?

Its complement is #C2BFEE; analogous partners are #EED9BF and #D3EEBF. It also appears in 6+ palettes in our collection.

Can I use #EBEEC0 for text?

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