لون مسمّى · #E0DABF
Happy Margarine
Happy Margarine هو #E0DABF: rgb(224 218 191)، hsl(49 35% 81%)، oklch(0.886 0.037 96.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Happy Margarine color name →
#E0DABF
oklch(0.886 0.037 96.7)
تحويلات الألوان
- HEX
- #e0dabf
- RGB
- rgb(224 218 191)
- HSL
- hsl(49 35% 81%)
- HWB
- hwb(49 75% 12%)
- OKLCH
- oklch(0.886 0.037 96.7)
- OKLab
- oklab(0.886 -0.004 0.036)
- CIE Lab
- lab(87 -1.19 14.12)
- LCH
- lch(87 14.17 94.8)
- CMYK
- cmyk(0% 3% 15% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E3DEC5
- E6E1CC
- E9E5D2
- ECE9D8
- EFECDF
- F2F0E5
- F6F4EC
- F9F8F2
- FCFBF9
درجات داكنة
- C3BDA6
- A6A28D
- 8A8775
- 706C5E
- 565448
- 3E3C33
- 27251F
- 12110D
- 020202
درجات رمادية
- D6D1B9
- CCC7B2
- C2BEAC
- B8B5A5
- AFAC9F
- A5A399
- 9C9A93
- 92918C
- 898986
تناسق الألوان
متمم +180°
- E0DABF
Happy Margarine
- D3D8F2
≈ Flax Bloom
متجاور -30° +30°
- E0DABF
Happy Margarine
- EBD5C1
≈ Mother of Pearl
- D3DEC5
≈ Dream Seascape
ثلاثي +120° +240°
- E0DABF
Happy Margarine
- BFE0E9
≈ Diminished Blue
- EAD1E2
≈ Sonora Rose
متمم منقسم +150° +210°
- E0DABF
Happy Margarine
- C7DCF1
≈ Blue Booties
- E0D4ED
≈ Light Purity
رباعي +90° +180° +270°
- E0DABF
Happy Margarine
- BFE2DD
≈ Sea Breath
- D3D8F2
≈ Flax Bloom
- F0D0D5
≈ Nursery
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.40:1 · APCA Lc 20
Ag
AAAعلى الأسود
WCAG 14.95:1 · APCA Lc 84
أفضل لون للنص: #000000
WCAG 14.95:1 (AAA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--happy-margarine: #e0dabf;
--happy-margarine-rgb: 224 218 191;
--happy-margarine-oklch: oklch(0.886 0.037 96.7);
}
.element {
color: var(--happy-margarine);
background-color: hsl(49 35% 81%);
border-color: oklch(0.886 0.037 96.7);
}Tailwind CSS v4
@theme {
--color-happy-margarine: #e0dabf;
--color-happy-margarine-50: #f8f5ea;
--color-happy-margarine-100: #ebe8db;
--color-happy-margarine-200: #d8d5c3;
--color-happy-margarine-300: #bcb8a3;
--color-happy-margarine-400: #a49f87;
--color-happy-margarine-500: #8d876b;
--color-happy-margarine-600: #77725b;
--color-happy-margarine-700: #5f5b48;
--color-happy-margarine-800: #464234;
--color-happy-margarine-900: #312e23;
--color-happy-margarine-950: #1d1b12;
}SCSS
$happy-margarine: #e0dabf;
$happy-margarine-rgb: 224, 218, 191;
$happy-margarine-light: mix(#fff, $happy-margarine, 20%);
$happy-margarine-dark: mix(#000, $happy-margarine, 20%);
.element {
color: $happy-margarine;
box-shadow: 0 0 0 2px rgba($happy-margarine, 0.35);
}