Named color · #F2E4E2
Pink Emulsion
Pink Emulsion is #F2E4E2: rgb(242 228 226), hsl(8 38% 92%), oklch(0.929 0.016 27.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Pink Emulsion color name →
#F2E4E2
oklch(0.929 0.016 27.3)
Color conversions
- HEX
- #f2e4e2
- RGB
- rgb(242 228 226)
- HSL
- hsl(8 38% 92%)
- HWB
- hwb(8 89% 5%)
- OKLCH
- oklch(0.929 0.016 27.3)
- OKLab
- oklab(0.929 0.014 0.007)
- CIE Lab
- lab(91.68 4.67 2.78)
- LCH
- lch(91.68 5.44 30.7)
- CMYK
- cmyk(0% 6% 7% 5%)
Tints · Shades · Tones
Tints
- F3E7E5
- F5E9E8
- F6ECEB
- F7EFEE
- F9F1F0
- FAF4F3
- FBF7F6
- FCFAF9
- FEFCFC
Shades
- D2C6C4
- B4A9A8
- 968D8C
- 797271
- 5E5857
- 433F3E
- 2B2827
- 141212
- 030303
Tones
- E6DAD8
- DACFCE
- CEC5C4
- C3BBBA
- B7B1B0
- ACA7A6
- A19D9C
- 969393
- 8B8A89
Color harmonies
Complementary +180°
- F2E4E2
Pink Emulsion
- DCEBED
≈ Blue Flax
Analogous -30° +30°
- F2E4E2
Pink Emulsion
- F1E4E8
≈ Rosie Posie
- F0E5DE
≈ Winter Wedding
Triadic +120° +240°
- F2E4E2
Pink Emulsion
- E1EBE2
≈ Country Mist
- E3E8F3
≈ Whisper Blue
Split-complementary +150° +210°
- F2E4E2
Pink Emulsion
- DDEBE7
≈ Waterscape
- DEE9F1
≈ Harbour Afternoon
Tetradic +90° +180° +270°
- F2E4E2
Pink Emulsion
- E7E9DE
≈ Hydrangea Floret
- DCEBED
≈ Blue Flax
- E8E6F1
≈ Lavender Syrup
Contrast & accessibility
Ag
FailOn white
WCAG 1.23:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.97:1 · APCA Lc 92
Best text color: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--pink-emulsion: #f2e4e2;
--pink-emulsion-rgb: 242 228 226;
--pink-emulsion-oklch: oklch(0.929 0.016 27.3);
}
.element {
color: var(--pink-emulsion);
background-color: hsl(8 38% 92%);
border-color: oklch(0.929 0.016 27.3);
}Tailwind CSS v4
@theme {
--color-pink-emulsion: #f2e4e2;
--color-pink-emulsion-50: #faf3f2;
--color-pink-emulsion-100: #ede6e5;
--color-pink-emulsion-200: #dbd2d0;
--color-pink-emulsion-300: #bfb5b3;
--color-pink-emulsion-400: #a79b99;
--color-pink-emulsion-500: #908281;
--color-pink-emulsion-600: #7a6e6d;
--color-pink-emulsion-700: #625857;
--color-pink-emulsion-800: #484040;
--color-pink-emulsion-900: #322c2c;
--color-pink-emulsion-950: #1e1919;
}SCSS
$pink-emulsion: #f2e4e2;
$pink-emulsion-rgb: 242, 228, 226;
$pink-emulsion-light: mix(#fff, $pink-emulsion, 20%);
$pink-emulsion-dark: mix(#000, $pink-emulsion, 20%);
.element {
color: $pink-emulsion;
box-shadow: 0 0 0 2px rgba($pink-emulsion, 0.35);
}