Benannte Farbe · #E1D4B4
Garden Lattice
Garden Lattice ist #E1D4B4: rgb(225 212 180), hsl(43 43% 79%), oklch(0.872 0.045 88.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Garden Lattice color name →
#E1D4B4
oklch(0.872 0.045 88.5)
Farbumrechnungen
- HEX
- #e1d4b4
- RGB
- rgb(225 212 180)
- HSL
- hsl(43 43% 79%)
- HWB
- hwb(43 71% 12%)
- OKLCH
- oklch(0.872 0.045 88.5)
- OKLab
- oklab(0.872 0.001 0.045)
- CIE Lab
- lab(85.36 0.87 17.6)
- LCH
- lch(85.36 17.63 87.2)
- CMYK
- cmyk(0% 6% 20% 12%)
Tints · Shades · Tones
Tints
- E4D8BB
- E7DDC3
- EAE1CA
- EDE5D2
- F0E9D9
- F3EEE1
- F6F2E8
- F9F6F0
- FCFBF7
Shades
- C4B89C
- A79D85
- 8B836E
- 706958
- 565144
- 3E3A30
- 27241D
- 12100C
- 020202
Tones
- D7CBAF
- CDC3AA
- C3BAA4
- B9B29F
- AFA99A
- A6A195
- 9C9890
- 93908A
- 898885
Farbharmonien
Komplementär +180°
- E1D4B4
Garden Lattice
- C8D5F4
≈ Frozen Periwinkle
Analog -30° +30°
- E1D4B4
Garden Lattice
- ECCEB8
≈ Aristocrat Peach
- D2DAB9
≈ Prairie Willow
Triadisch +120° +240°
- E1D4B4
Garden Lattice
- B4DEE5
≈ Polar Blue
- E6CBE4
≈ Footie Pyjamas
Geteilt komplementär +150° +210°
- E1D4B4
Garden Lattice
- BBDAF0
≈ Greek Isles
- D8CFEF
≈ Plum’s the Word
Tetradisch +90° +180° +270°
- E1D4B4
Garden Lattice
- B6DFD5
≈ Fair Aqua
- C8D5F4
≈ Frozen Periwinkle
- EFC9D4
≈ Pale Primrose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.47:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.27:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.27:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--garden-lattice: #e1d4b4;
--garden-lattice-rgb: 225 212 180;
--garden-lattice-oklch: oklch(0.872 0.045 88.5);
}
.element {
color: var(--garden-lattice);
background-color: hsl(43 43% 79%);
border-color: oklch(0.872 0.045 88.5);
}Tailwind CSS v4
@theme {
--color-garden-lattice: #e1d4b4;
--color-garden-lattice-50: #faf5e7;
--color-garden-lattice-100: #ede8d7;
--color-garden-lattice-200: #dbd4bf;
--color-garden-lattice-300: #c0b79e;
--color-garden-lattice-400: #a99d81;
--color-garden-lattice-500: #928564;
--color-garden-lattice-600: #7c7155;
--color-garden-lattice-700: #635a44;
--color-garden-lattice-800: #494231;
--color-garden-lattice-900: #332d21;
--color-garden-lattice-950: #1e1a10;
}SCSS
$garden-lattice: #e1d4b4;
$garden-lattice-rgb: 225, 212, 180;
$garden-lattice-light: mix(#fff, $garden-lattice, 20%);
$garden-lattice-dark: mix(#000, $garden-lattice, 20%);
.element {
color: $garden-lattice;
box-shadow: 0 0 0 2px rgba($garden-lattice, 0.35);
}