Cor nomeada mais próxima · #F8E1DE
#F8E1DE
Cor nomeada mais próxima: Tutu
#F8E1DE (rgb(248 225 222), hsl(7 65% 92%), oklch(0.928 0.026 26.5)) é mais próxima da cor nomeada Tutu. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F8E1DE
oklch(0.928 0.026 26.5)
Conversões de cor
- HEX
- #f8e1de
- RGB
- rgb(248 225 222)
- HSL
- hsl(7 65% 92%)
- HWB
- hwb(7 87% 3%)
- OKLCH
- oklch(0.928 0.026 26.5)
- OKLab
- oklab(0.928 0.023 0.011)
- CIE Lab
- lab(91.37 7.79 4.49)
- LCH
- lch(91.37 8.99 30)
- CMYK
- cmyk(0% 9% 10% 3%)
Tons claros · Sombras · Tons
Tons claros
- F9E4E1
- FAE7E5
- FAEAE8
- FBEDEB
- FCF0EE
- FCF3F2
- FDF6F5
- FEF9F8
- FEFCFC
Sombras
- D8C4C1
- B8A7A5
- 9A8B89
- 7C706F
- 605655
- 453E3D
- 2C2726
- 151212
- 030202
Tons
- EBD7D4
- DFCDCA
- D3C3C1
- C6B9B7
- BAAFAE
- AEA6A4
- A39C9B
- 979392
- 8B8989
Harmonias de cor
Complementar +180°
- F8E1DE
Tutu
- D4ECF0
≈ Sparkling River
Análoga -30° +30°
- F8E1DE
Tutu
- F6E0E7
≈ Pork Belly
- F5E3D7
≈ Island Hopping
Tríade +120° +240°
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.81:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--tutu: #f8e1de;
--tutu-rgb: 248 225 222;
--tutu-oklch: oklch(0.928 0.026 26.5);
}
.element {
color: var(--tutu);
background-color: hsl(7 65% 92%);
border-color: oklch(0.928 0.026 26.5);
}Tailwind CSS v4
@theme {
--color-tutu: #f8e1de;
--color-tutu-50: #fcf3f1;
--color-tutu-100: #f0e5e3;
--color-tutu-200: #dfd0ce;
--color-tutu-300: #c4b3b0;
--color-tutu-400: #ad9996;
--color-tutu-500: #97807d;
--color-tutu-600: #7f6c6a;
--color-tutu-700: #665755;
--color-tutu-800: #4b3f3e;
--color-tutu-900: #342b2b;
--color-tutu-950: #1f1918;
}SCSS
$tutu: #f8e1de;
$tutu-rgb: 248, 225, 222;
$tutu-light: mix(#fff, $tutu, 20%);
$tutu-dark: mix(#000, $tutu, 20%);
.element {
color: $tutu;
box-shadow: 0 0 0 2px rgba($tutu, 0.35);
}