لون مسمّى · #E0DEB2
Modern Zen
Modern Zen هو #E0DEB2: rgb(224 222 178)، hsl(57 43% 79%)، oklch(0.891 0.058 105.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Modern Zen color name →
#E0DEB2
oklch(0.891 0.058 105.4)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E3E1BA
- E6E5C2
- E9E8C9
- ECEBD1
- EFEFD9
- F2F2E0
- F6F5E8
- F9F8F0
- FCFCF7
درجات داكنة
- C3C19A
- A6A583
- 8A896D
- 706F57
- 565543
- 3E3D2F
- 27261D
- 12120C
- 020201
درجات رمادية
- D6D4AD
- CCCBA8
- C2C1A3
- B8B79E
- AFAE99
- A5A594
- 9C9B8F
- 92928A
- 898985
تناسق الألوان
متمم +180°
- E0DEB2
Modern Zen
- D7D7FF
≈ Icy Plains
متجاور -30° +30°
- E0DEB2
Modern Zen
- F2D6B1
≈ Inviting Ivory
- CBE4BE
≈ Iced Avocado
ثلاثي +120° +240°
- E0DEB2
Modern Zen
- B3E4F8
≈ Breaking the Ice
- F9CCE4
≈ Classic Rose
متمم منقسم +150° +210°
- E0DEB2
Modern Zen
- C4DDFF
≈ Arc Light
- EAD0F6
≈ Mousse aux Pruneaux
رباعي +90° +180° +270°
- E0DEB2
Modern Zen
- AFE8E7
≈ Spearmint Water
- D7D7FF
≈ Icy Plains
- FFCCCF
≈ Lusty-Gallant
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.37:1 · APCA Lc 18
Ag
AAAعلى الأسود
WCAG 15.26:1 · APCA Lc 85
أفضل لون للنص: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
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);
}