أقرب لون مسمّى · #EDFDF3
#EDFDF3
أقرب لون مسمّى: Honeydew
#EDFDF3 (rgb(237 253 243)، hsl(142 80% 96%)، oklch(0.979 0.021 158.6)) أقرب إلى اللون المسمّى Honeydew. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#EDFDF3
oklch(0.979 0.021 158.6)
تحويلات الألوان
- HEX
- #edfdf3
- RGB
- rgb(237 253 243)
- HSL
- hsl(142 80% 96%)
- HWB
- hwb(142 93% 1%)
- OKLCH
- oklch(0.979 0.021 158.6)
- OKLab
- oklab(0.979 -0.02 0.008)
- CIE Lab
- lab(97.91 -6.77 2.9)
- LCH
- lch(97.91 7.37 156.8)
- CMYK
- cmyk(6% 0% 4% 1%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EFFDF4
- F1FDF5
- F2FEF7
- F4FEF8
- F6FEF9
- F8FEFA
- FAFEFB
- FBFFFD
- FDFFFE
درجات داكنة
- CEDCD3
- B0BCB4
- 939D97
- 777F7A
- 5C625E
- 424744
- 2A2D2B
- 141614
- 030303
درجات رمادية
- E2F0E7
- D6E3DB
- CBD6CF
- C0C9C3
- B5BDB8
- AAB0AC
- 9FA4A1
- 959896
- 8A8C8B
تناسق الألوان
متمم +180°
- EDFDF3
Honeydew
- FFF5FB
≈ Cold Snow
متجاور -30° +30°
- EDFDF3
Honeydew
- F4FBEC
≈ Placebo Lime
- E9FDFB
≈ Placebo Sky
ثلاثي +120° +240°
- EDFDF3
Honeydew
- F7F8FF
≈ Ghost White
- FFF6F3
≈ Pink Diminishing
متمم منقسم +150° +210°
- EDFDF3
Honeydew
- FBF6FF
≈ Ghost White
- FFF6F7
≈ Sea Salt Sherbet
رباعي +90° +180° +270°
- EDFDF3
Honeydew
- F3F9FF
≈ Alice Blue
- FFF5FB
≈ Cold Snow
- FFF7EE
≈ Fatback
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.05:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 19.94:1 · APCA Lc 104
أفضل لون للنص: #000000
WCAG 19.94:1 (AAA) · APCA Lc 104
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--honeydew: #edfdf3;
--honeydew-rgb: 237 253 243;
--honeydew-oklch: oklch(0.979 0.021 158.6);
}
.element {
color: var(--honeydew);
background-color: hsl(142 80% 96%);
border-color: oklch(0.979 0.021 158.6);
}Tailwind CSS v4
@theme {
--color-honeydew: #edfdf3;
--color-honeydew-50: #f0f7f3;
--color-honeydew-100: #e2eae5;
--color-honeydew-200: #cdd7d1;
--color-honeydew-300: #aebbb4;
--color-honeydew-400: #94a29a;
--color-honeydew-500: #7b8b81;
--color-honeydew-600: #68756d;
--color-honeydew-700: #535e57;
--color-honeydew-800: #3d453f;
--color-honeydew-900: #2a2f2c;
--color-honeydew-950: #171c19;
}SCSS
$honeydew: #edfdf3;
$honeydew-rgb: 237, 253, 243;
$honeydew-light: mix(#fff, $honeydew, 20%);
$honeydew-dark: mix(#000, $honeydew, 20%);
.element {
color: $honeydew;
box-shadow: 0 0 0 2px rgba($honeydew, 0.35);
}