Colore con nome · #EFE1E4
Pink Booties
Pink Booties è #EFE1E4: rgb(239 225 228), hsl(347 30% 91%), oklch(0.922 0.016 2.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pink Booties color name →
#EFE1E4
oklch(0.922 0.016 2.7)
Conversioni di colore
- HEX
- #efe1e4
- RGB
- rgb(239 225 228)
- HSL
- hsl(347 30% 91%)
- HWB
- hwb(347 88% 6%)
- OKLCH
- oklch(0.922 0.016 2.7)
- OKLab
- oklab(0.922 0.016 0.001)
- CIE Lab
- lab(90.73 5.32 0.34)
- LCH
- lch(90.73 5.33 3.6)
- CMYK
- cmyk(0% 6% 5% 6%)
Tinte · Ombre · Toni
Tinte
- F1E4E7
- F2E7E9
- F4EAEC
- F5EDEF
- F7F0F1
- F9F3F4
- FAF6F7
- FCF9FA
- FDFCFC
Ombre
- D0C4C6
- B1A7A9
- 948B8D
- 787072
- 5C5658
- 423E3F
- 2A2728
- 141212
- 030203
Toni
- E3D7DA
- D8CDCF
- CCC3C5
- C1B9BB
- B6AFB1
- ABA6A7
- A09C9D
- 959393
- 8B898A
Armonie di colore
Complementare +180°
- EFE1E4
Pink Booties
- DAE9E6
≈ Snowball Effect
Analogo -30° +30°
- EFE1E4
Pink Booties
- ECE1EA
≈ Heaven Sent
- EFE2DE
≈ Mussel White
Triadico +120° +240°
- EFE1E4
Pink Booties
- E3E7DC
≈ Whispering Waterfall
- DDE7EF
≈ White Frost
Complementare divisa +150° +210°
- EFE1E4
Pink Booties
- DEE8E0
≈ Minified Green
- DAE8EB
≈ Soft Blue White
Tetradico +90° +180° +270°
- EFE1E4
Pink Booties
- E9E5DA
≈ Shoelace
- DAE9E6
≈ Snowball Effect
- E1E5F0
≈ Mayon Mist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.56:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--pink-booties: #efe1e4;
--pink-booties-rgb: 239 225 228;
--pink-booties-oklch: oklch(0.922 0.016 2.7);
}
.element {
color: var(--pink-booties);
background-color: hsl(347 30% 91%);
border-color: oklch(0.922 0.016 2.7);
}Tailwind CSS v4
@theme {
--color-pink-booties: #efe1e4;
--color-pink-booties-50: #f9f3f4;
--color-pink-booties-100: #ede6e7;
--color-pink-booties-200: #dbd2d3;
--color-pink-booties-300: #bfb4b6;
--color-pink-booties-400: #a79b9d;
--color-pink-booties-500: #908285;
--color-pink-booties-600: #7a6e71;
--color-pink-booties-700: #61585a;
--color-pink-booties-800: #474042;
--color-pink-booties-900: #312c2d;
--color-pink-booties-950: #1d191a;
}SCSS
$pink-booties: #efe1e4;
$pink-booties-rgb: 239, 225, 228;
$pink-booties-light: mix(#fff, $pink-booties, 20%);
$pink-booties-dark: mix(#000, $pink-booties, 20%);
.element {
color: $pink-booties;
box-shadow: 0 0 0 2px rgba($pink-booties, 0.35);
}