Named color · #EACAD0
Pink Slipper
Pink Slipper is #EACAD0: rgb(234 202 208), hsl(349 43% 85%), oklch(0.868 0.037 5.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Pink Slipper color name →
#EACAD0
oklch(0.868 0.037 5.1)
Color conversions
- HEX
- #eacad0
- RGB
- rgb(234 202 208)
- HSL
- hsl(349 43% 85%)
- HWB
- hwb(349 79% 8%)
- OKLCH
- oklch(0.868 0.037 5.1)
- OKLab
- oklab(0.868 0.037 0.003)
- CIE Lab
- lab(84.21 12.34 1.39)
- LCH
- lch(84.21 12.42 6.4)
- CMYK
- cmyk(0% 14% 11% 8%)
Tints · Shades · Tones
Tints
- ECCFD5
- EED4D9
- F1DADE
- F3DFE3
- F5E4E7
- F7EAEC
- F9EFF1
- FBF4F5
- FDFAFA
Shades
- CBAFB5
- AE959A
- 917C80
- 756467
- 5A4D4F
- 413739
- 292223
- 130F10
- 030202
Tones
- DFC2C8
- D4BBBF
- C9B3B7
- BEACAF
- B4A4A7
- A99D9F
- 9F9697
- 948E8F
- 8A8788
Color harmonies
Complementary +180°
- EACAD0
Pink Slipper
- BADCD7
≈ Picnic Bay
Analogous -30° +30°
- EACAD0
Pink Slipper
- E4CBDD
≈ Wisteria Whisper
- EBCCC3
≈ Pale Dogwood
Triadic +120° +240°
- EACAD0
Pink Slipper
- CED8BE
≈ Celery Satin
- C0D7EB
≈ Pacific Panorama
Split-complementary +150° +210°
- EACAD0
Pink Slipper
- C1DBC9
≈ Quintessential
- B9DAE3
≈ Alpine Alabaster
Tetradic +90° +180° +270°
- EACAD0
Pink Slipper
- DBD4B9
≈ New Growth
- BADCD7
≈ Picnic Bay
- CCD2EC
≈ Garden Fairy
Contrast & accessibility
Ag
FailOn white
WCAG 1.51:1 · APCA Lc 24
Ag
AAAOn black
WCAG 13.85:1 · APCA Lc 79
Best text color: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--pink-slipper: #eacad0;
--pink-slipper-rgb: 234 202 208;
--pink-slipper-oklch: oklch(0.868 0.037 5.1);
}
.element {
color: var(--pink-slipper);
background-color: hsl(349 43% 85%);
border-color: oklch(0.868 0.037 5.1);
}Tailwind CSS v4
@theme {
--color-pink-slipper: #eacad0;
--color-pink-slipper-50: #fff1f3;
--color-pink-slipper-100: #f4e3e6;
--color-pink-slipper-200: #e3ced1;
--color-pink-slipper-300: #c9b0b4;
--color-pink-slipper-400: #b3969b;
--color-pink-slipper-500: #9c7c83;
--color-pink-slipper-600: #84696f;
--color-pink-slipper-700: #6a5458;
--color-pink-slipper-800: #4e3d41;
--color-pink-slipper-900: #362a2d;
--color-pink-slipper-950: #21181a;
}SCSS
$pink-slipper: #eacad0;
$pink-slipper-rgb: 234, 202, 208;
$pink-slipper-light: mix(#fff, $pink-slipper, 20%);
$pink-slipper-dark: mix(#000, $pink-slipper, 20%);
.element {
color: $pink-slipper;
box-shadow: 0 0 0 2px rgba($pink-slipper, 0.35);
}