Couleur nommée la plus proche · #F8DEE1
#F8DEE1
Couleur nommée la plus proche: Blowing Kisses
#F8DEE1 (rgb(248 222 225), hsl(353 65% 92%), oklch(0.923 0.029 9.7)) est la plus proche de la couleur nommée Blowing Kisses. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F8DEE1
oklch(0.923 0.029 9.7)
Conversions de couleur
- HEX
- #f8dee1
- RGB
- rgb(248 222 225)
- HSL
- hsl(353 65% 92%)
- HWB
- hwb(353 87% 3%)
- OKLCH
- oklch(0.923 0.029 9.7)
- OKLab
- oklab(0.923 0.029 0.005)
- CIE Lab
- lab(90.7 9.61 1.97)
- LCH
- lch(90.7 9.81 11.6)
- CMYK
- cmyk(0% 10% 9% 3%)
Teintes · Ombres · Tons
Teintes
- F9E1E4
- FAE5E7
- FAE8EA
- FBEBED
- FCEEF0
- FCF2F3
- FDF5F6
- FEF8F9
- FEFCFC
Ombres
- D8C1C4
- B8A5A7
- 9A898B
- 7C6F70
- 605556
- 453D3E
- 2C2627
- 151212
- 030202
Tons
- EBD4D7
- DFCACD
- D3C1C3
- C6B7B9
- BAAEAF
- AEA4A6
- A39B9C
- 979293
- 8B8989
Harmonies de couleurs
Complémentaire +180°
- F8DEE1
Blowing Kisses
- D1ECE9
≈ Ionic Sky
Analogue -30° +30°
- F8DEE1
Blowing Kisses
- F4DEEC
≈ Taffeta Tint
- F8E0D7
≈ Delicate Rose
Triadique +120° +240°
- F8DEE1
Blowing Kisses
- DFEAD6
≈ Gratitude
- D7E8F9
≈ Cloudless
Complémentaire divisée +150° +210°
- F8DEE1
Blowing Kisses
- D6ECDF
≈ Light Duck Egg Cream
- D1EBF3
≈ Ice Cold
Tétradique +90° +180° +270°
- F8DEE1
Blowing Kisses
- EAE6D1
≈ Cauliflower
- D1ECE9
≈ Ionic Sky
- E1E4F9
≈ Lavender Mist
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.27:1 · APCA Lc 13
Ag
AAASur noir
WCAG 16.52:1 · APCA Lc 90
Meilleure couleur de texte: #000000
WCAG 16.52:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--blowing-kisses: #f8dee1;
--blowing-kisses-rgb: 248 222 225;
--blowing-kisses-oklch: oklch(0.923 0.029 9.7);
}
.element {
color: var(--blowing-kisses);
background-color: hsl(353 65% 92%);
border-color: oklch(0.923 0.029 9.7);
}Tailwind CSS v4
@theme {
--color-blowing-kisses: #f8dee1;
--color-blowing-kisses-50: #fdf2f3;
--color-blowing-kisses-100: #f1e4e5;
--color-blowing-kisses-200: #e0cfd1;
--color-blowing-kisses-300: #c6b2b3;
--color-blowing-kisses-400: #af989a;
--color-blowing-kisses-500: #987f82;
--color-blowing-kisses-600: #816b6e;
--color-blowing-kisses-700: #675658;
--color-blowing-kisses-800: #4c3e40;
--color-blowing-kisses-900: #352b2c;
--color-blowing-kisses-950: #201819;
}SCSS
$blowing-kisses: #f8dee1;
$blowing-kisses-rgb: 248, 222, 225;
$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);
}