Nearest named color · #F7E1E5
#F7E1E5
Nearest named color: Blowing Kisses
#F7E1E5 (rgb(247 225 229), hsl(349 58% 93%), oklch(0.929 0.025 5.1)) is closest to the named color Blowing Kisses. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F7E1E5
oklch(0.929 0.025 5.1)
Color conversions
- HEX
- #f7e1e5
- RGB
- rgb(247 225 229)
- HSL
- hsl(349 58% 93%)
- HWB
- hwb(349 88% 3%)
- OKLCH
- oklch(0.929 0.025 5.1)
- OKLab
- oklab(0.929 0.025 0.002)
- CIE Lab
- lab(91.42 8.28 0.92)
- LCH
- lch(91.42 8.33 6.4)
- CMYK
- cmyk(0% 9% 7% 3%)
Tints · Shades · Tones
Tints
- F8E4E8
- F9E7EA
- FAEAED
- FAEDEF
- FBF0F2
- FCF3F5
- FDF6F7
- FEF9FA
- FEFCFC
Shades
- D7C4C7
- B7A7AA
- 998B8E
- 7C7072
- 605658
- 453E3F
- 2C2728
- 151212
- 030203
Tones
- EBD7DA
- DECDD0
- D2C3C6
- C6B9BB
- BAAFB1
- AEA6A7
- A29C9D
- 979393
- 8B898A
Color harmonies
Complementary +180°
- F7E1E5
Blowing Kisses
- D6EDE9
≈ Dew Pointe
Analogous -30° +30°
- F7E1E5
Blowing Kisses
- F3E2EE
≈ Pale Orchid Petal
- F7E2DC
≈ Laurel Pink
Triadic +120° +240°
- F7E1E5
Blowing Kisses
- E3EBD9
≈ Homoeopathic Green
- DAEAF7
≈ Celestial Cathedral
Split-complementary +150° +210°
- F7E1E5
Blowing Kisses
- DBEDE0
≈ Sea Mist
- D6ECF2
≈ Sparkling River
Tetradic +90° +180° +270°
- F7E1E5
Blowing Kisses
- ECE8D5
≈ Board & Batten
- D6EDE9
≈ Dew Pointe
- E2E7F8
≈ Glitter
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.85:1 · APCA Lc 92
Best text color: #000000
WCAG 16.85:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--blowing-kisses: #f7e1e5;
--blowing-kisses-rgb: 247 225 229;
--blowing-kisses-oklch: oklch(0.929 0.025 5.1);
}
.element {
color: var(--blowing-kisses);
background-color: hsl(349 58% 93%);
border-color: oklch(0.929 0.025 5.1);
}Tailwind CSS v4
@theme {
--color-blowing-kisses: #f7e1e5;
--color-blowing-kisses-50: #fcf2f4;
--color-blowing-kisses-100: #f0e5e6;
--color-blowing-kisses-200: #ded0d2;
--color-blowing-kisses-300: #c3b2b5;
--color-blowing-kisses-400: #ac999c;
--color-blowing-kisses-500: #958084;
--color-blowing-kisses-600: #7e6c70;
--color-blowing-kisses-700: #655659;
--color-blowing-kisses-800: #4a3f41;
--color-blowing-kisses-900: #332b2d;
--color-blowing-kisses-950: #1f191a;
}SCSS
$blowing-kisses: #f7e1e5;
$blowing-kisses-rgb: 247, 225, 229;
$blowing-kisses-light: mix(#fff, $blowing-kisses, 20%);
$blowing-kisses-dark: mix(#000, $blowing-kisses, 20%);
.element {
color: $blowing-kisses;
box-shadow: 0 0 0 2px rgba($blowing-kisses, 0.35);
}