Colore con nome · #EACAD0
Pink Slipper
Pink Slipper è #EACAD0: rgb(234 202 208), hsl(349 43% 85%), oklch(0.868 0.037 5.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Pink Slipper color name →
#EACAD0
oklch(0.868 0.037 5.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- ECCFD5
- EED4D9
- F1DADE
- F3DFE3
- F5E4E7
- F7EAEC
- F9EFF1
- FBF4F5
- FDFAFA
Ombre
- CBAFB5
- AE959A
- 917C80
- 756467
- 5A4D4F
- 413739
- 292223
- 130F10
- 030202
Toni
- DFC2C8
- D4BBBF
- C9B3B7
- BEACAF
- B4A4A7
- A99D9F
- 9F9697
- 948E8F
- 8A8788
Armonie di colore
Complementare +180°
- EACAD0
Pink Slipper
- BADCD7
≈ Picnic Bay
Analogo -30° +30°
- EACAD0
Pink Slipper
- E4CBDD
≈ Wisteria Whisper
- EBCCC3
≈ Pale Dogwood
Triadico +120° +240°
- EACAD0
Pink Slipper
- CED8BE
≈ Celery Satin
- C0D7EB
≈ Pacific Panorama
Complementare divisa +150° +210°
- EACAD0
Pink Slipper
- C1DBC9
≈ Quintessential
- B9DAE3
≈ Alpine Alabaster
Tetradico +90° +180° +270°
- EACAD0
Pink Slipper
- DBD4B9
≈ New Growth
- BADCD7
≈ Picnic Bay
- CCD2EC
≈ Garden Fairy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.85:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
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);
}