Cor nomeada · #EFECDE
Rice Cake
Rice Cake é #EFECDE: rgb(239 236 222), hsl(49 35% 90%), oklch(0.942 0.019 96.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Rice Cake color name →
#EFECDE
oklch(0.942 0.019 96.9)
Conversões de cor
- HEX
- #efecde
- RGB
- rgb(239 236 222)
- HSL
- hsl(49 35% 90%)
- HWB
- hwb(49 87% 6%)
- OKLCH
- oklch(0.942 0.019 96.9)
- OKLab
- oklab(0.942 -0.002 0.019)
- CIE Lab
- lab(93.35 -0.73 7.19)
- LCH
- lch(93.35 7.23 95.8)
- CMYK
- cmyk(0% 1% 7% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1EEE1
- F2F0E5
- F4F2E8
- F5F4EB
- F7F5EE
- F9F7F2
- FAF9F5
- FCFBF8
- FDFDFC
Sombras
- D0CDC1
- B1AFA5
- 949289
- 78766F
- 5C5B55
- 42423D
- 2A2926
- 141312
- 030302
Tons
- E3E1D4
- D8D5CA
- CCCAC1
- C1BFB7
- B6B5AE
- ABAAA4
- A09F9B
- 959592
- 8A8A89
Harmonias de cor
Complementar +180°
- EFECDE
Rice Cake
- E8EBF9
≈ Icy Lilac
Análoga -30° +30°
- EFECDE
Rice Cake
- F5EADF
≈ Soft Muslin
- E8EEE1
≈ At Ease
Tríade +120° +240°
- EFECDE
Rice Cake
- DEEFF4
≈ Diamond White
- F5E7F0
≈ Snow Plum
Complementar dividida +150° +210°
- EFECDE
Rice Cake
- E2EDF8
≈ Husky
- EFE9F6
≈ Bright Dusk
Tétrade +90° +180° +270°
- EFECDE
Rice Cake
- DEF0EE
≈ Soar
- E8EBF9
≈ Icy Lilac
- F8E7E9
≈ Princess Elle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre preto
WCAG 17.72:1 · APCA Lc 95
Melhor cor de texto: #000000
WCAG 17.72:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--rice-cake: #efecde;
--rice-cake-rgb: 239 236 222;
--rice-cake-oklch: oklch(0.942 0.019 96.9);
}
.element {
color: var(--rice-cake);
background-color: hsl(49 35% 90%);
border-color: oklch(0.942 0.019 96.9);
}Tailwind CSS v4
@theme {
--color-rice-cake: #efecde;
--color-rice-cake-50: #f6f5ef;
--color-rice-cake-100: #e9e8e1;
--color-rice-cake-200: #d6d4cb;
--color-rice-cake-300: #bab8ad;
--color-rice-cake-400: #a19f92;
--color-rice-cake-500: #898678;
--color-rice-cake-600: #747266;
--color-rice-cake-700: #5d5b52;
--color-rice-cake-800: #44423b;
--color-rice-cake-900: #2f2e29;
--color-rice-cake-950: #1c1b16;
}SCSS
$rice-cake: #efecde;
$rice-cake-rgb: 239, 236, 222;
$rice-cake-light: mix(#fff, $rice-cake, 20%);
$rice-cake-dark: mix(#000, $rice-cake, 20%);
.element {
color: $rice-cake;
box-shadow: 0 0 0 2px rgba($rice-cake, 0.35);
}