Color con nombre · #EDDCC8
Almond
Almond es #EDDCC8: rgb(237 220 200), hsl(32 51% 86%), oklch(0.903 0.033 71.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Almond color name →
#EDDCC8
oklch(0.903 0.033 71.9)
Conversiones de color
- HEX
- #eddcc8
- RGB
- rgb(237 220 200)
- HSL
- hsl(32 51% 86%)
- HWB
- hwb(32 78% 7%)
- OKLCH
- oklch(0.903 0.033 71.9)
- OKLab
- oklab(0.903 0.01 0.031)
- CIE Lab
- lab(88.76 3.65 12.08)
- LCH
- lch(88.76 12.62 73.2)
- CMYK
- cmyk(0% 7% 16% 7%)
Tintes · Sombras · Tonos
Tintes
- EFDFCD
- F1E3D3
- F2E6D8
- F4EADE
- F6EDE3
- F8F1E9
- FAF4EE
- FBF8F4
- FDFBF9
Sombras
- CEBFAE
- B0A394
- 93887B
- 776E63
- 5C544C
- 423C36
- 2A2621
- 14110F
- 030202
Tonos
- E2D2C1
- D6C9B9
- CBC0B2
- C0B6AB
- B5ADA3
- AAA49C
- 9F9B95
- 95928E
- 8A8987
Armonías de color
Complementario +180°
- EDDCC8
Almond
- D0E1F5
≈ Light Breeze
Análogo -30° +30°
- EDDCC8
Almond
- F3D8CE
≈ Pink Zest
- E3E0C8
≈ Egg Wash
Triádico +120° +240°
- EDDCC8
Almond
- C7E6E4
≈ Polar Expedition
- E6D9EF
≈ Pouty Purple
Complementario dividido +150° +210°
- EDDCC8
Almond
- C8E4EF
≈ Sapphireberry
- DBDDF5
≈ Nostalgia Perfume
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.33:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.67:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--almond: #eddcc8;
--almond-rgb: 237 220 200;
--almond-oklch: oklch(0.903 0.033 71.9);
}
.element {
color: var(--almond);
background-color: hsl(32 51% 86%);
border-color: oklch(0.903 0.033 71.9);
}Tailwind CSS v4
@theme {
--color-almond: #eddcc8;
--color-almond-50: #fbf4eb;
--color-almond-100: #efe6dc;
--color-almond-200: #ddd2c5;
--color-almond-300: #c2b5a5;
--color-almond-400: #ab9c8a;
--color-almond-500: #94836f;
--color-almond-600: #7d6f5e;
--color-almond-700: #64594b;
--color-almond-800: #4a4136;
--color-almond-900: #332d25;
--color-almond-950: #1f1a14;
}SCSS
$almond: #eddcc8;
$almond-rgb: 237, 220, 200;
$almond-light: mix(#fff, $almond, 20%);
$almond-dark: mix(#000, $almond, 20%);
.element {
color: $almond;
box-shadow: 0 0 0 2px rgba($almond, 0.35);
}