Color con nombre más cercano · #F7E1E5
#F7E1E5
Color con nombre más cercano: Blowing Kisses
#F7E1E5 (rgb(247 225 229), hsl(349 58% 93%), oklch(0.929 0.025 5.1)) se parece más al color con nombre Blowing Kisses. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#F7E1E5
oklch(0.929 0.025 5.1)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- F8E4E8
- F9E7EA
- FAEAED
- FAEDEF
- FBF0F2
- FCF3F5
- FDF6F7
- FEF9FA
- FEFCFC
Sombras
- D7C4C7
- B7A7AA
- 998B8E
- 7C7072
- 605658
- 453E3F
- 2C2728
- 151212
- 030203
Tonos
- EBD7DA
- DECDD0
- D2C3C6
- C6B9BB
- BAAFB1
- AEA6A7
- A29C9D
- 979393
- 8B898A
Armonías de color
Complementario +180°
- F7E1E5
Blowing Kisses
- D6EDE9
≈ Dew Pointe
Análogo -30° +30°
- F7E1E5
Blowing Kisses
- F3E2EE
≈ Pale Orchid Petal
- F7E2DC
≈ Laurel Pink
Triádico +120° +240°
- F7E1E5
Blowing Kisses
- E3EBD9
≈ Homoeopathic Green
- DAEAF7
≈ Celestial Cathedral
Complementario dividido +150° +210°
- F7E1E5
Blowing Kisses
- DBEDE0
≈ Sea Mist
- D6ECF2
≈ Sparkling River
Tetrádico +90° +180° +270°
- F7E1E5
Blowing Kisses
- ECE8D5
≈ Board & Batten
- D6EDE9
≈ Dew Pointe
- E2E7F8
≈ Glitter
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.85:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.85:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
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);
}