لون مسمّى · #E0E3C8
More Melon
More Melon هو #E0E3C8: rgb(224 227 200)، hsl(67 33% 84%)، oklch(0.906 0.036 112.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · More Melon color name →
#E0E3C8
oklch(0.906 0.036 112.3)
تحويلات الألوان
- HEX
- #e0e3c8
- RGB
- rgb(224 227 200)
- HSL
- hsl(67 33% 84%)
- HWB
- hwb(67 78% 11%)
- OKLCH
- oklch(0.906 0.036 112.3)
- OKLab
- oklab(0.906 -0.014 0.033)
- CIE Lab
- lab(89.46 -4.47 12.88)
- LCH
- lch(89.46 13.64 109.1)
- CMYK
- cmyk(1% 0% 12% 11%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E3E6CD
- E6E9D3
- E9EBD8
- ECEEDE
- EFF1E3
- F2F4E9
- F6F7EE
- F9F9F4
- FCFCF9
درجات داكنة
- C3C5AE
- A6A894
- 8A8C7B
- 707163
- 56574C
- 3E3F36
- 272721
- 12120F
- 020302
درجات رمادية
- D6D9C1
- CCCEB9
- C2C4B2
- B8BAAB
- AFB0A3
- A5A69C
- 9C9D95
- 92938E
- 898987
تناسق الألوان
متمم +180°
- E0E3C8
More Melon
- E0DCF7
≈ Nostalgia Perfume
متجاور -30° +30°
- E0E3C8
More Melon
- ECDEC6
≈ Nobility
- D3E7D1
≈ Herbal Mist
ثلاثي +120° +240°
- E0E3C8
More Melon
- C9E5F4
≈ Icy Landscape
- F4D7E2
≈ Pink Frosting
متمم منقسم +150° +210°
- E0E3C8
More Melon
- D3E1F9
≈ Puffy Cloud
- ECD9EF
≈ Pouty Purple
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.31:1 · APCA Lc 15
Ag
AAAعلى الأسود
WCAG 15.99:1 · APCA Lc 88
أفضل لون للنص: #000000
WCAG 15.99:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--more-melon: #e0e3c8;
--more-melon-rgb: 224 227 200;
--more-melon-oklch: oklch(0.906 0.036 112.3);
}
.element {
color: var(--more-melon);
background-color: hsl(67 33% 84%);
border-color: oklch(0.906 0.036 112.3);
}Tailwind CSS v4
@theme {
--color-more-melon: #e0e3c8;
--color-more-melon-50: #f5f6eb;
--color-more-melon-100: #e7e9dc;
--color-more-melon-200: #d3d6c5;
--color-more-melon-300: #b7baa5;
--color-more-melon-400: #9ea189;
--color-more-melon-500: #86896e;
--color-more-melon-600: #72745d;
--color-more-melon-700: #5b5d4a;
--color-more-melon-800: #434435;
--color-more-melon-900: #2e2f24;
--color-more-melon-950: #1b1b13;
}SCSS
$more-melon: #e0e3c8;
$more-melon-rgb: 224, 227, 200;
$more-melon-light: mix(#fff, $more-melon, 20%);
$more-melon-dark: mix(#000, $more-melon, 20%);
.element {
color: $more-melon;
box-shadow: 0 0 0 2px rgba($more-melon, 0.35);
}