Named color · #EFE1E4
Pink Booties
Pink Booties is #EFE1E4: rgb(239 225 228), hsl(347 30% 91%), oklch(0.922 0.016 2.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Pink Booties color name →
#EFE1E4
oklch(0.922 0.016 2.7)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- F1E4E7
- F2E7E9
- F4EAEC
- F5EDEF
- F7F0F1
- F9F3F4
- FAF6F7
- FCF9FA
- FDFCFC
Shades
- D0C4C6
- B1A7A9
- 948B8D
- 787072
- 5C5658
- 423E3F
- 2A2728
- 141212
- 030203
Tones
- E3D7DA
- D8CDCF
- CCC3C5
- C1B9BB
- B6AFB1
- ABA6A7
- A09C9D
- 959393
- 8B898A
Color harmonies
Complementary +180°
- EFE1E4
Pink Booties
- DAE9E6
≈ Snowball Effect
Analogous -30° +30°
- EFE1E4
Pink Booties
- ECE1EA
≈ Heaven Sent
- EFE2DE
≈ Mussel White
Triadic +120° +240°
- EFE1E4
Pink Booties
- E3E7DC
≈ Whispering Waterfall
- DDE7EF
≈ White Frost
Split-complementary +150° +210°
- EFE1E4
Pink Booties
- DEE8E0
≈ Minified Green
- DAE8EB
≈ Soft Blue White
Tetradic +90° +180° +270°
- EFE1E4
Pink Booties
- E9E5DA
≈ Shoelace
- DAE9E6
≈ Snowball Effect
- E1E5F0
≈ Mayon Mist
Contrast & accessibility
Ag
FailOn white
WCAG 1.26:1 · APCA Lc 13
Ag
AAAOn black
WCAG 16.56:1 · APCA Lc 91
Best text color: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
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);
}