Cor nomeada · #E4DACC
Swiss Almond
Swiss Almond é #E4DACC: rgb(228 218 204), hsl(35 31% 85%), oklch(0.893 0.022 76.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Swiss Almond color name →
#E4DACC
oklch(0.893 0.022 76.5)
Conversões de cor
- HEX
- #e4dacc
- RGB
- rgb(228 218 204)
- HSL
- hsl(35 31% 85%)
- HWB
- hwb(35 80% 11%)
- OKLCH
- oklch(0.893 0.022 76.5)
- OKLab
- oklab(0.893 0.005 0.021)
- CIE Lab
- lab(87.57 1.8 8.2)
- LCH
- lch(87.57 8.4 77.6)
- CMYK
- cmyk(0% 4% 11% 11%)
Tons claros · Sombras · Tons
Tons claros
- E7DED1
- E9E1D6
- ECE5DB
- EFE9E0
- F1ECE5
- F4F0EA
- F7F4F0
- FAF8F5
- FCFBFA
Sombras
- C6BDB1
- A9A297
- 8D877E
- 726C65
- 58544E
- 3F3C37
- 282522
- 12110F
- 030202
Tons
- DAD1C4
- CFC7BC
- C5BEB5
- BBB5AD
- B1ACA5
- A7A39E
- 9D9A96
- 93918F
- 8A8987
Harmonias de cor
Complementar +180°
- E4DACC
Swiss Almond
- D3DCEA
≈ Morning Shower
Análoga -30° +30°
- E4DACC
Swiss Almond
- E9D8D0
≈ Bee’s Knees
- DDDDCD
≈ Pinch of Pistachio
Tríade +120° +240°
- E4DACC
Swiss Almond
- CCE0E0
≈ Beach Foam
- E1D7E5
≈ Lavender Vista
Complementar dividida +150° +210°
- E4DACC
Swiss Almond
- CDDFE7
≈ Bird Bath Blue
- DADAEA
≈ Eyeshadow
Tétrade +90° +180° +270°
- E4DACC
Swiss Almond
- CFE0D8
≈ Light Soft Fresco
- D3DCEA
≈ Morning Shower
- E7D6DE
≈ Swiss Rose
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.19:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--swiss-almond: #e4dacc;
--swiss-almond-rgb: 228 218 204;
--swiss-almond-oklch: oklch(0.893 0.022 76.5);
}
.element {
color: var(--swiss-almond);
background-color: hsl(35 31% 85%);
border-color: oklch(0.893 0.022 76.5);
}Tailwind CSS v4
@theme {
--color-swiss-almond: #e4dacc;
--color-swiss-almond-50: #f9f4ee;
--color-swiss-almond-100: #ece7e0;
--color-swiss-almond-200: #d9d3ca;
--color-swiss-almond-300: #beb6ab;
--color-swiss-almond-400: #a69d90;
--color-swiss-almond-500: #8f8576;
--color-swiss-almond-600: #797064;
--color-swiss-almond-700: #615a50;
--color-swiss-almond-800: #47413a;
--color-swiss-almond-900: #312d28;
--color-swiss-almond-950: #1d1a16;
}SCSS
$swiss-almond: #e4dacc;
$swiss-almond-rgb: 228, 218, 204;
$swiss-almond-light: mix(#fff, $swiss-almond, 20%);
$swiss-almond-dark: mix(#000, $swiss-almond, 20%);
.element {
color: $swiss-almond;
box-shadow: 0 0 0 2px rgba($swiss-almond, 0.35);
}