Maroon Colors  ·  Color Library

Palettes / Colors / #EAEFA3

#EAEFA3 — Light Yellow

#EAEFA3 is a yellow color we call Light Yellow, closest to the named color PaleGoldenRod (#EEE8AA). It belongs to the yellow family.

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

#EAEFA3 · RGB 234, 239, 163

Download PNG swatch SVG

Color values

HEX#EAEFA3
RGB234, 239, 163
HSL64°, 70%, 79%
HSV64°, 32%, 94%
CMYK2%, 0%, 32%, 6%
XYZ71.41, 81.87, 46.69
Yxy81.87, 0.3571, 0.4094
CIE-Lab92.52, -13.20, 36.28
Hunter Lab90.48, -12.84, 28.89

RGB & CMYK percentages

Red 92% · Green 94% · Blue 64%

Cyan 2% · Magenta 0% · Yellow 32% · Key 6%

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

Previews

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

CSS code for #EAEFA3

.text { color: #EAEFA3; }
.background { background-color: #EAEFA3; }
.border { border: 3px solid #EAEFA3; }
.text-rgb { color: rgb(234, 239, 163); }
.text-hsl { color: hsl(64, 70%, 79%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EAEFA3; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(234, 239, 163, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EAEFA3; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(234, 239, 163, 0.8); }

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

Shades of #EAEFA3

#E3EA86#DBE363#D4DE45#C9D425#ACB620#8B931A#6F7515#4E520F#313409#101103

Tints of #EAEFA3

#ECF0AD#EDF1B1#EFF3BA#F1F4C2#F3F6CB#F4F7CF#F6F8D8#F8FAE1#F9FAE5#FBFCEE

Tones of #EAEFA3

#E5EAA9#E1E4AF#DCDFB4#D7DAB9#D3D4BF#CECFC4

Color harmonies

Complementary — #A9A4EF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.21:1 Fails
Against black text17.37:1 AAA

Best text color on #EAEFA3: #000000.

How #EAEFA3 looks with color blindness

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

Protanopia · #ECECB5Deuteranopia · #ECECBATritanopia · #EAC4C7

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 Yellow 500 · #FFEB3BMaterial Grey 500 · #9E9E9E

Palettes with a similar color

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

Royal Cascade
#2D13C1 · #6637EB · #BEDB16 · #E7F0A6
Palette 9cf196
#9CF196 · #ECEBA7 · #EBCE95 · #EDAAAA
Palette 22213d
#22213D · #4E3188 · #24BABC · #EAEF9B
Gentle Garden
#1136C9 · #5E86F1 · #EFCC41 · #F2F0A6
Palette F2f1a7
#F2F1A7 · #EF5959 · #B43144 · #88A9F7
Mellow Ruby Monsoon
#141B87 · #4C71E5 · #DED220 · #E8EDAC

Similar colors

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

#E7F0A6#ECEBA7#EAEF9B#F2F0A6#F2F1A7#E8EDAC#F1F5A8#E6E5A3#F0F8A4#E4F1AC#E8E7AB#F2F7A1

Browse neighbouring colors

← #EAEFA2  ·  #EAEFA4 →

Frequently asked questions

What color is #EAEFA3?

#EAEFA3 is Light Yellow, a yellow color (RGB 234, 239, 163). Its closest standard named color is PaleGoldenRod.

What is the RGB and HSL of #EAEFA3?

#EAEFA3 is RGB 234, 239, 163 — HSL 64°, 70%, 79% — CMYK 2%, 0%, 32%, 6%.

What colors go with #EAEFA3?

Its complement is #A9A4EF; analogous partners are #EFCEA4 and #C4EFA4. It also appears in 6+ palettes in our collection.

Can I use #EAEFA3 for text?

Black text on #EAEFA3 has a contrast ratio of 17.37:1 (passes WCAG AA); white text gives 1.21:1.