Color con nombre más cercano · #FDE3E4
#FDE3E4
Color con nombre más cercano: Blowing Kisses
#FDE3E4 (rgb(253 227 228), hsl(358 87% 94%), oklch(0.937 0.029 15)) 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.
#FDE3E4
oklch(0.937 0.029 15)
Conversiones de color
- HEX
- #fde3e4
- RGB
- rgb(253 227 228)
- HSL
- hsl(358 87% 94%)
- HWB
- hwb(358 89% 1%)
- OKLCH
- oklch(0.937 0.029 15)
- OKLab
- oklab(0.937 0.028 0.007)
- CIE Lab
- lab(92.41 9.33 2.93)
- LCH
- lch(92.41 9.78 17.5)
- CMYK
- cmyk(0% 10% 10% 1%)
Tintes · Sombras · Tonos
Tintes
- FDE6E7
- FEE9E9
- FEEBEC
- FEEEEF
- FEF1F1
- FEF4F4
- FFF7F7
- FFF9FA
- FFFCFC
Sombras
- DCC5C6
- BCA8A9
- 9D8C8D
- 7F7172
- 625758
- 473F3F
- 2D2728
- 161212
- 030303
Tonos
- F0D9DA
- E3CECF
- D6C4C5
- C9BABB
- BDB0B1
- B0A6A7
- A49D9D
- 989393
- 8C898A
Armonías de color
Complementario +180°
- FDE3E4
Blowing Kisses
- D5F1F0
≈ Icy Wind
Análogo -30° +30°
- FDE3E4
Blowing Kisses
- F9E3EF
≈ Petal Poise
- FCE5DB
≈ Slightly in Love
Triádico +120° +240°
- FDE3E4
Blowing Kisses
- E2EFDC
≈ Soft Focus
- DEECFE
≈ Calcareous Sinter
Complementario dividido +150° +210°
- FDE3E4
Blowing Kisses
- DAF1E5
≈ Banshee
- D7EFF9
≈ Water
Tetrádico +90° +180° +270°
- FDE3E4
Blowing Kisses
- EDECD6
≈ Dusky Moon
- D5F1F0
≈ Icy Wind
- E8E8FD
≈ Glitter
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.28:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.28:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--blowing-kisses: #fde3e4;
--blowing-kisses-rgb: 253 227 228;
--blowing-kisses-oklch: oklch(0.937 0.029 15);
}
.element {
color: var(--blowing-kisses);
background-color: hsl(358 87% 94%);
border-color: oklch(0.937 0.029 15);
}Tailwind CSS v4
@theme {
--color-blowing-kisses: #fde3e4;
--color-blowing-kisses-50: #fdf2f2;
--color-blowing-kisses-100: #f1e4e4;
--color-blowing-kisses-200: #e0d0d0;
--color-blowing-kisses-300: #c6b2b2;
--color-blowing-kisses-400: #af9899;
--color-blowing-kisses-500: #987f80;
--color-blowing-kisses-600: #816b6c;
--color-blowing-kisses-700: #675657;
--color-blowing-kisses-800: #4c3e3f;
--color-blowing-kisses-900: #352b2c;
--color-blowing-kisses-950: #201819;
}SCSS
$blowing-kisses: #fde3e4;
$blowing-kisses-rgb: 253, 227, 228;
$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);
}