Maroon Colors  ·  Color Library

Palettes / Colors / #EFE395

#EFE395 — Light Yellow

#EFE395 is a yellow color we call Light Yellow, closest to the named color Khaki (#F0E68C). It belongs to the yellow family.

#EFE395 is a warm yellow color associated with optimism, attention and cheer. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

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

#EFE395 · RGB 239, 227, 149

Download PNG swatch SVG

Color values

HEX#EFE395
RGB239, 227, 149
HSL52°, 74%, 76%
HSV52°, 38%, 94%
CMYK0%, 5%, 38%, 6%
XYZ68.49, 75.46, 39.39
Yxy75.46, 0.3736, 0.4116
CIE-Lab89.61, -6.94, 39.58
Hunter Lab86.87, -6.74, 30.32

RGB & CMYK percentages

Red 94% · Green 89% · Blue 58%

Cyan 0% · Magenta 5% · Yellow 38% · Key 6%

Previews

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

CSS code for #EFE395

.text { color: #EFE395; }
.background { background-color: #EFE395; }
.border { border: 3px solid #EFE395; }
.text-rgb { color: rgb(239, 227, 149); }
.text-hsl { color: hsl(52, 74%, 76%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EFE395; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(239, 227, 149, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EFE395; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(239, 227, 149, 0.8); }

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

Shades of #EFE395

#EADB75#E6D356#E1C933#D1B91F#B19D1B#928216#736611#50470C#312B07#121003

Tints of #EFE395

#F0E59D#F2E8A6#F3EAAF#F4ECB8#F6EFC1#F7F1CA#F8F3D3#FAF6DC#FBF8E4#FCFAED

Tones of #EFE395

#E8DE9B#E2DAA1#DCD5A8#D5D0AE#CFCBB5#C9C7BB

Color harmonies

Complementary — #95A1EF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.31:1 Fails
Against black text16.09:1 AAA

Best text color on #EFE395: #000000.

How #EFE395 looks with color blindness

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

Protanopia · #EAEAA8Deuteranopia · #EBEBACTritanopia · #EEB7BA

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:

Material Yellow 500 · #FFEB3BMaterial Lime 500 · #CDDC39Bootstrap light · #F8F9FA

Palettes with #EFE395 or a close neighbour

Palette F0e491
#F0E491 · #BBC863 · #658C58 · #31694E
Royal Ruby Voyage
#0E11B0 · #402DEE · #EDEA27 · #EFE692
Palette F1e290
#F1E290 · #F677C1 · #9B3284 · #690074
Palette 9112bc
#9112BC · #AE75DA · #E9E294 · #FFFCB8
Palette 434e78
#434E78 · #607B8F · #F7E396 · #E97F4A
Hidden Saffron
#0F429E · #55B1EF · #E9A11E · #EDDB92

Similar colors

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

#F0E491#EFE692#F1E290#E9E294#F7E396#EDDB92#EAEB96#F1EB90#F1EB9A#F2E19E#F8E796#F7E49B

Browse neighbouring colors

← #EFE394  ·  #EFE396 →

Frequently asked questions

What color is #EFE395?

#EFE395 is Light Yellow, a yellow color (RGB 239, 227, 149). Its closest standard named color is Khaki.

What is the RGB and HSL of #EFE395?

#EFE395 is RGB 239, 227, 149 — HSL 52°, 74%, 76% — CMYK 0%, 5%, 38%, 6%.

What colors go with #EFE395?

Its complement is #95A1EF; analogous partners are #EFB695 and #CEEF95. It also appears in 6+ palettes in our collection.

Can I use #EFE395 for text?

Black text on #EFE395 has a contrast ratio of 16.09:1 (passes WCAG AA); white text gives 1.31:1.