Cor nomeada mais próxima · #F8DEE1
#F8DEE1
Cor nomeada mais próxima: Blowing Kisses
#F8DEE1 (rgb(248 222 225), hsl(353 65% 92%), oklch(0.923 0.029 9.7)) é mais próxima da cor nomeada Blowing Kisses. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F8DEE1
oklch(0.923 0.029 9.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- F9E1E4
- FAE5E7
- FAE8EA
- FBEBED
- FCEEF0
- FCF2F3
- FDF5F6
- FEF8F9
- FEFCFC
Sombras
- D8C1C4
- B8A5A7
- 9A898B
- 7C6F70
- 605556
- 453D3E
- 2C2627
- 151212
- 030202
Tons
- EBD4D7
- DFCACD
- D3C1C3
- C6B7B9
- BAAEAF
- AEA4A6
- A39B9C
- 979293
- 8B8989
Harmonias de cor
Complementar +180°
- F8DEE1
Blowing Kisses
- D1ECE9
≈ Ionic Sky
Análoga -30° +30°
- F8DEE1
Blowing Kisses
- F4DEEC
≈ Taffeta Tint
- F8E0D7
≈ Delicate Rose
Tríade +120° +240°
- F8DEE1
Blowing Kisses
- DFEAD6
≈ Gratitude
- D7E8F9
≈ Cloudless
Complementar dividida +150° +210°
- F8DEE1
Blowing Kisses
- D6ECDF
≈ Light Duck Egg Cream
- D1EBF3
≈ Ice Cold
Tétrade +90° +180° +270°
- F8DEE1
Blowing Kisses
- EAE6D1
≈ Cauliflower
- D1ECE9
≈ Ionic Sky
- E1E4F9
≈ Lavender Mist
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.27:1 · APCA Lc 13
Ag
AAASobre preto
WCAG 16.52:1 · APCA Lc 90
Melhor cor de texto: #000000
WCAG 16.52:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
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);
}