Benannte Farbe · #E0DEB2
Modern Zen
Modern Zen ist #E0DEB2: rgb(224 222 178), hsl(57 43% 79%), oklch(0.891 0.058 105.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Modern Zen color name →
#E0DEB2
oklch(0.891 0.058 105.4)
Farbumrechnungen
- HEX
- #e0deb2
- RGB
- rgb(224 222 178)
- HSL
- hsl(57 43% 79%)
- HWB
- hwb(57 70% 12%)
- OKLCH
- oklch(0.891 0.058 105.4)
- OKLab
- oklab(0.891 -0.015 0.056)
- CIE Lab
- lab(87.8 -4.54 21.95)
- LCH
- lch(87.8 22.42 101.7)
- CMYK
- cmyk(0% 1% 21% 12%)
Tints · Shades · Tones
Tints
- E3E1BA
- E6E5C2
- E9E8C9
- ECEBD1
- EFEFD9
- F2F2E0
- F6F5E8
- F9F8F0
- FCFCF7
Shades
- C3C19A
- A6A583
- 8A896D
- 706F57
- 565543
- 3E3D2F
- 27261D
- 12120C
- 020201
Tones
- D6D4AD
- CCCBA8
- C2C1A3
- B8B79E
- AFAE99
- A5A594
- 9C9B8F
- 92928A
- 898985
Farbharmonien
Komplementär +180°
- E0DEB2
Modern Zen
- D7D7FF
≈ Icy Plains
Analog -30° +30°
- E0DEB2
Modern Zen
- F2D6B1
≈ Inviting Ivory
- CBE4BE
≈ Iced Avocado
Triadisch +120° +240°
- E0DEB2
Modern Zen
- B3E4F8
≈ Breaking the Ice
- F9CCE4
≈ Classic Rose
Geteilt komplementär +150° +210°
- E0DEB2
Modern Zen
- C4DDFF
≈ Arc Light
- EAD0F6
≈ Mousse aux Pruneaux
Tetradisch +90° +180° +270°
- E0DEB2
Modern Zen
- AFE8E7
≈ Spearmint Water
- D7D7FF
≈ Icy Plains
- FFCCCF
≈ Lusty-Gallant
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.37:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.26:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--modern-zen: #e0deb2;
--modern-zen-rgb: 224 222 178;
--modern-zen-oklch: oklch(0.891 0.058 105.4);
}
.element {
color: var(--modern-zen);
background-color: hsl(57 43% 79%);
border-color: oklch(0.891 0.058 105.4);
}Tailwind CSS v4
@theme {
--color-modern-zen: #e0deb2;
--color-modern-zen-50: #f6f7e4;
--color-modern-zen-100: #e9ead4;
--color-modern-zen-200: #d6d6ba;
--color-modern-zen-300: #baba98;
--color-modern-zen-400: #a3a179;
--color-modern-zen-500: #8b895b;
--color-modern-zen-600: #76744e;
--color-modern-zen-700: #5e5d3e;
--color-modern-zen-800: #46432c;
--color-modern-zen-900: #302f1d;
--color-modern-zen-950: #1d1b0d;
}SCSS
$modern-zen: #e0deb2;
$modern-zen-rgb: 224, 222, 178;
$modern-zen-light: mix(#fff, $modern-zen, 20%);
$modern-zen-dark: mix(#000, $modern-zen, 20%);
.element {
color: $modern-zen;
box-shadow: 0 0 0 2px rgba($modern-zen, 0.35);
}