Skip to content

#eaefd7

a pale, soft green · cool · closest name: beige

RGB
234, 239, 215
HSL
73°, 43%, 89%
CMYK
2, 0, 10, 6
Luminance
0.8413

Every format

HEX#eaefd7
RGBrgb(234, 239, 215)
HSLhsl(73, 43%, 89%)
CMYKcmyk(2%, 0%, 10%, 6%)
LABlab(93.5 -5.8 11.0)
LCHlch(93.5 12.5 117.6)
OKLCHoklch(0.942 0.032 116.6)

Copy-ready code

/* CSS */
color: #eaefd7;
background-color: #eaefd7;
/* Tailwind (arbitrary) */
class="text-[#eaefd7] bg-[#eaefd7]"
/* SCSS */
$brand: #eaefd7;
/* SwiftUI */
Color(red: 0.918, green: 0.937, blue: 0.843)
/* Android */
Color.parseColor("#eaefd7")

Accessibility — WCAG contrast

Aa
#eaefd7 on white: 1.18:1
AA ✗ fail · AA-large · AAA
Aa
#eaefd7 on black: 17.83:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red91.8%
Green93.7%
Blue84.3%

CMYK percentages

Cyan2.1%
Magenta0.0%
Yellow10.0%
Key (black)6.3%

Color previews

#eaefd7 text on a black background

contrast 17.83:1

Card sample

#eaefd7 text on a white background

contrast 1.18:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #eaefd7;
Background color
Panel with #eaefd7 background
background-color: #eaefd7;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #eaefd7;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(234, 239, 215, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(234, 239, 215, 0.45);
Border & gradient
Gradient panel
border: 3px solid #eaefd7;
background: linear-gradient(135deg, #eaefd7, #DAEFD7);

Monochromatic scale

Palettes built from #eaefd7

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Work with #eaefd7 in the Color Lab