Maroon Colors  ·  Color Library

Palettes / Colors / #EBEEC2

#EBEEC2 — Pale Yellow

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

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

#EBEEC2 · RGB 235, 238, 194

Download PNG swatch SVG

Color values

HEX#EBEEC2
RGB235, 238, 194
HSL64°, 56%, 85%
HSV64°, 18%, 93%
CMYK1%, 0%, 18%, 7%
XYZ74.57, 82.71, 63.07
Yxy82.71, 0.3384, 0.3753
CIE-Lab92.89, -8.18, 21.01
Hunter Lab90.94, -8.05, 18.27

RGB & CMYK percentages

Red 92% · Green 93% · Blue 76%

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

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

Previews

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

CSS code for #EBEEC2

.text { color: #EBEEC2; }
.background { background-color: #EBEEC2; }
.border { border: 3px solid #EBEEC2; }
.text-rgb { color: rgb(235, 238, 194); }
.text-hsl { color: hsl(64, 56%, 85%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EBEEC2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(235, 238, 194, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EBEEC2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(235, 238, 194, 0.8); }

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

Shades of #EBEEC2

#E1E5A4#D6DC84#CCD364#C1CA44#AAB332#888F28#6A6F1F#4C5016#2D300D#0F1004

Tints of #EBEEC2

#EDEFC7#EEF0CB#EFF2CF#F1F3D3#F3F5DB#F5F6DF#F6F7E3#F7F8E7#F8F9EB#FAFBEF

Tones of #EBEEC2

#E9EBC6#E6E8C9#E3E5CD#E1E2D0#DEDFD3#DBDCD6

Color harmonies

Complementary — #C6C3EE:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #EBEEC2: #000000.

How #EBEEC2 looks with color blindness

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

Protanopia · #ECECCDDeuteranopia · #ECECCFTritanopia · #EBD5D7

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

Smoky Ruby Mirage
#827E19 · #24B9B4 · #D131D7 · #E8ECC4
Tranquil Ruby Saffron
#551CC0 · #8442E3 · #B6E75A · #EAF2C3
Frozen Solace
#F0F0C2 · #BEEABA · #D3F6F0 · #B2C0EA
Palette Eb5a3c
#EB5A3C · #DF9755 · #E7D283 · #EDF4C2
Vintage Ruby Dusk
#E7F2BF · #D9EA99 · #C5DF62 · #AED322
Palette F1ecc3
#F1ECC3 · #C9D8B6 · #57837B · #515E63

Similar colors

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

#E8ECC4#EAF2C3#F0F0C2#EDF4C2#E7F2BF#F1ECC3#E7EFC7#E5ECC4#F2EDC2#ECECBB#E9EDC9#EBE8BD

Browse neighbouring colors

← #EBEEC1  ·  #EBEEC3 →

Frequently asked questions

What color is #EBEEC2?

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

What is the RGB and HSL of #EBEEC2?

#EBEEC2 is RGB 235, 238, 194 — HSL 64°, 56%, 85% — CMYK 1%, 0%, 18%, 7%.

What colors go with #EBEEC2?

Its complement is #C6C3EE; analogous partners are #EEDCC3 and #D6EEC3. It also appears in 6+ palettes in our collection.

Can I use #EBEEC2 for text?

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