لون مسمّى · #EDEBB4
Mystic Melon
Mystic Melon هو #EDEBB4: rgb(237 235 180)، hsl(58 61% 82%)، oklch(0.928 0.071 106). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Mystic Melon color name →
#EDEBB4
oklch(0.928 0.071 106)
تحويلات الألوان
- HEX
- #edebb4
- RGB
- rgb(237 235 180)
- HSL
- hsl(58 61% 82%)
- HWB
- hwb(58 71% 7%)
- OKLCH
- oklch(0.928 0.071 106)
- OKLab
- oklab(0.928 -0.02 0.068)
- CIE Lab
- lab(92.21 -5.65 27.08)
- LCH
- lch(92.21 27.66 101.8)
- CMYK
- cmyk(0% 1% 24% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EFEDBC
- F0EFC3
- F2F1CB
- F4F3D3
- F6F5DA
- F8F7E2
- F9F9E9
- FBFBF0
- FDFDF8
درجات داكنة
- CECC9C
- B0AE85
- 93916E
- 777558
- 5C5B44
- 424130
- 2A291D
- 14130C
- 030302
درجات رمادية
- E2E0AF
- D6D5AA
- CBCAA5
- C0BFA0
- B5B49A
- AAAA95
- 9F9F90
- 95958B
- 8A8A85
تناسق الألوان
متمم +180°
- EDEBB4
Mystic Melon
- E5E4FF
≈ Lavender Mist
متجاور -30° +30°
- EDEBB4
Mystic Melon
- FFE3BB
≈ Cheese Powder
- D2F3C4
≈ Maroccan Tea
ثلاثي +120° +240°
- EDEBB4
Mystic Melon
- C8EEFF
≈ Heaven’s Gate
- FFDCEE
≈ Transparent Pink
متمم منقسم +150° +210°
- EDEBB4
Mystic Melon
- D9E9FF
≈ Veiling Waterfalls
- F5DEFF
≈ Lavender Savour
رباعي +90° +180° +270°
- EDEBB4
Mystic Melon
- AFF7F7
≈ Ice Citadel
- E5E4FF
≈ Lavender Mist
- FFDEDF
≈ Rose Tonic
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.22:1 · APCA Lc 11
Ag
AAAعلى الأسود
WCAG 17.14:1 · APCA Lc 93
أفضل لون للنص: #000000
WCAG 17.14:1 (AAA) · APCA Lc 93
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mystic-melon: #edebb4;
--mystic-melon-rgb: 237 235 180;
--mystic-melon-oklch: oklch(0.928 0.071 106);
}
.element {
color: var(--mystic-melon);
background-color: hsl(58 61% 82%);
border-color: oklch(0.928 0.071 106);
}Tailwind CSS v4
@theme {
--color-mystic-melon: #edebb4;
--color-mystic-melon-50: #f7f7e0;
--color-mystic-melon-100: #eaeacf;
--color-mystic-melon-200: #d7d7b4;
--color-mystic-melon-300: #babb91;
--color-mystic-melon-400: #a4a170;
--color-mystic-melon-500: #8c8950;
--color-mystic-melon-600: #777444;
--color-mystic-melon-700: #5f5d36;
--color-mystic-melon-800: #464426;
--color-mystic-melon-900: #312f19;
--color-mystic-melon-950: #1d1b0a;
}SCSS
$mystic-melon: #edebb4;
$mystic-melon-rgb: 237, 235, 180;
$mystic-melon-light: mix(#fff, $mystic-melon, 20%);
$mystic-melon-dark: mix(#000, $mystic-melon, 20%);
.element {
color: $mystic-melon;
box-shadow: 0 0 0 2px rgba($mystic-melon, 0.35);
}