Benannte Farbe · #E5DBC5
Almond Paste
Almond Paste ist #E5DBC5: rgb(229 219 197), hsl(41 38% 84%), oklch(0.894 0.031 86.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Almond Paste color name →
#E5DBC5
oklch(0.894 0.031 86.5)
Farbumrechnungen
- HEX
- #e5dbc5
- RGB
- rgb(229 219 197)
- HSL
- hsl(41 38% 84%)
- HWB
- hwb(41 77% 10%)
- OKLCH
- oklch(0.894 0.031 86.5)
- OKLab
- oklab(0.894 0.002 0.031)
- CIE Lab
- lab(87.78 0.85 12.15)
- LCH
- lch(87.78 12.18 86)
- CMYK
- cmyk(0% 4% 14% 10%)
Tints · Shades · Tones
Tints
- E8DFCB
- EAE2D1
- EDE6D6
- EFE9DC
- F2EDE2
- F5F1E8
- F7F4ED
- FAF8F3
- FCFBF9
Shades
- C7BEAB
- AAA292
- 8E8779
- 726D61
- 58544B
- 3F3C35
- 282621
- 12110E
- 030202
Tones
- DAD2BE
- D0C8B7
- C6BFB0
- BBB6A9
- B1ACA2
- A7A39B
- 9D9A94
- 93918D
- 8A8987
Farbharmonien
Komplementär +180°
- E5DBC5
Almond Paste
- D2DCF1
≈ Puffy Cloud
Analog -30° +30°
- E5DBC5
Almond Paste
- EDD7C8
≈ Rose Lotion
- DADFC8
≈ Sip of Mint
Triadisch +120° +240°
- E5DBC5
Almond Paste
- C5E2E6
≈ Aviary Blue
- E8D5E7
≈ Champagne Elegance
Geteilt komplementär +150° +210°
- E5DBC5
Almond Paste
- C9E0EE
≈ CO₂
- DDD8EF
≈ Lavender Sky
Tetradisch +90° +180° +270°
- E5DBC5
Almond Paste
- C7E3DB
≈ Misty Isle
- D2DCF1
≈ Puffy Cloud
- EED4DC
≈ Lighthearted Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.37:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.27:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--almond-paste: #e5dbc5;
--almond-paste-rgb: 229 219 197;
--almond-paste-oklch: oklch(0.894 0.031 86.5);
}
.element {
color: var(--almond-paste);
background-color: hsl(41 38% 84%);
border-color: oklch(0.894 0.031 86.5);
}Tailwind CSS v4
@theme {
--color-almond-paste: #e5dbc5;
--color-almond-paste-50: #f9f5eb;
--color-almond-paste-100: #ece8dc;
--color-almond-paste-200: #dad4c5;
--color-almond-paste-300: #beb7a6;
--color-almond-paste-400: #a79e8a;
--color-almond-paste-500: #8f856f;
--color-almond-paste-600: #79715e;
--color-almond-paste-700: #615a4b;
--color-almond-paste-800: #474236;
--color-almond-paste-900: #312d25;
--color-almond-paste-950: #1d1a14;
}SCSS
$almond-paste: #e5dbc5;
$almond-paste-rgb: 229, 219, 197;
$almond-paste-light: mix(#fff, $almond-paste, 20%);
$almond-paste-dark: mix(#000, $almond-paste, 20%);
.element {
color: $almond-paste;
box-shadow: 0 0 0 2px rgba($almond-paste, 0.35);
}