Skip to content

#edafbc

a light, vivid red · warm · closest name: pink

RGB
237, 175, 188
HSL
347°, 63%, 81%
CMYK
0, 26, 21, 7
Luminance
0.5230

Every format

HEX#edafbc
RGBrgb(237, 175, 188)
HSLhsl(347, 63%, 81%)
CMYKcmyk(0%, 26%, 21%, 7%)
LABlab(77.5 24.5 2.3)
LCHlch(77.5 24.6 5.4)
OKLCHoklch(0.815 0.074 5.0)

Copy-ready code

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

Accessibility — WCAG contrast

Aa
#edafbc on white: 1.83:1
AA ✗ fail · AA-large · AAA
Aa
#edafbc on black: 11.46:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red92.9%
Green68.6%
Blue73.7%

CMYK percentages

Cyan0.0%
Magenta26.2%
Yellow20.7%
Key (black)7.1%

Color previews

#edafbc text on a black background

contrast 11.46:1

Card sample

#edafbc text on a white background

contrast 1.83:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

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

Glowing headline

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

Soft neon halo

text-shadow: 0 0 14px rgba(237, 175, 188, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(237, 175, 188, 0.45);
Border & gradient
Gradient panel
border: 3px solid #edafbc;
background: linear-gradient(135deg, #edafbc, #EDCBAF);

Monochromatic scale

Palettes built from #edafbc

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Work with #edafbc in the Color Lab