Benannte Farbe · #E9DBC4
Golden Lotus
Golden Lotus ist #E9DBC4: rgb(233 219 196), hsl(37 46% 84%), oklch(0.897 0.034 80.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Golden Lotus color name →
#E9DBC4
oklch(0.897 0.034 80.3)
Farbumrechnungen
- HEX
- #e9dbc4
- RGB
- rgb(233 219 196)
- HSL
- hsl(37 46% 84%)
- HWB
- hwb(37 77% 9%)
- OKLCH
- oklch(0.897 0.034 80.3)
- OKLab
- oklab(0.897 0.006 0.034)
- CIE Lab
- lab(88.09 2.21 13.18)
- LCH
- lch(88.09 13.36 80.5)
- CMYK
- cmyk(0% 6% 16% 9%)
Tints · Shades · Tones
Tints
- EBDFCA
- EDE2D0
- F0E6D6
- F2E9DB
- F4EDE1
- F6F1E7
- F8F4ED
- FBF8F3
- FDFBF9
Shades
- CBBEAA
- ADA291
- 908778
- 746D61
- 5A544A
- 413C35
- 292621
- 13110E
- 030202
Tones
- DED2BD
- D3C8B6
- C8BFAF
- BEB6A8
- B3ACA2
- A9A39B
- 9E9A94
- 94928D
- 8A8987
Farbharmonien
Komplementär +180°
- E9DBC4
Golden Lotus
- D0DEF4
≈ Puffy Cloud
Analog -30° +30°
- E9DBC4
Golden Lotus
- F1D7C9
≈ Chinese Cherry
- DEDFC6
≈ Sip of Mint
Triadisch +120° +240°
- E9DBC4
Golden Lotus
- C4E4E6
≈ Light Daly Waters
- E8D6EB
≈ First Lilac
Geteilt komplementär +150° +210°
- E9DBC4
Golden Lotus
- C7E2F0
≈ Pale Frost
- DCDAF3
≈ Quartz
Tetradisch +90° +180° +270°
- E9DBC4
Golden Lotus
- C8E5D9
≈ Mint Whisper
- D0DEF4
≈ Puffy Cloud
- F0D4E0
≈ Portrait Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.36:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.39:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.39:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--golden-lotus: #e9dbc4;
--golden-lotus-rgb: 233 219 196;
--golden-lotus-oklch: oklch(0.897 0.034 80.3);
}
.element {
color: var(--golden-lotus);
background-color: hsl(37 46% 84%);
border-color: oklch(0.897 0.034 80.3);
}Tailwind CSS v4
@theme {
--color-golden-lotus: #e9dbc4;
--color-golden-lotus-50: #faf4ea;
--color-golden-lotus-100: #eee7db;
--color-golden-lotus-200: #dcd3c4;
--color-golden-lotus-300: #c0b6a4;
--color-golden-lotus-400: #a99d88;
--color-golden-lotus-500: #92846d;
--color-golden-lotus-600: #7c705c;
--color-golden-lotus-700: #63594a;
--color-golden-lotus-800: #494135;
--color-golden-lotus-900: #332d24;
--color-golden-lotus-950: #1e1a13;
}SCSS
$golden-lotus: #e9dbc4;
$golden-lotus-rgb: 233, 219, 196;
$golden-lotus-light: mix(#fff, $golden-lotus, 20%);
$golden-lotus-dark: mix(#000, $golden-lotus, 20%);
.element {
color: $golden-lotus;
box-shadow: 0 0 0 2px rgba($golden-lotus, 0.35);
}