أقرب لون مسمّى · #DAF8F0
#DAF8F0
أقرب لون مسمّى: Minty Fresh
#DAF8F0 (rgb(218 248 240)، hsl(164 68% 91%)، oklch(0.955 0.033 177.8)) أقرب إلى اللون المسمّى Minty Fresh. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DAF8F0
oklch(0.955 0.033 177.8)
تحويلات الألوان
- HEX
- #daf8f0
- RGB
- rgb(218 248 240)
- HSL
- hsl(164 68% 91%)
- HWB
- hwb(164 85% 3%)
- OKLCH
- oklch(0.955 0.033 177.8)
- OKLab
- oklab(0.955 -0.033 0.001)
- CIE Lab
- lab(95.23 -11.22 0.39)
- LCH
- lch(95.23 11.23 178)
- CMYK
- cmyk(12% 0% 3% 3%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DEF9F1
- E2F9F3
- E5FAF4
- E9FBF6
- EDFCF7
- F0FCF9
- F4FDFA
- F8FEFC
- FBFEFD
درجات داكنة
- BDD8D1
- A2B8B2
- 879A95
- 6C7C78
- 54605D
- 3C4543
- 252C2A
- 111514
- 020303
درجات رمادية
- D1EBE4
- C7DFD9
- BED3CD
- B5C6C2
- ACBAB6
- A3AEAB
- 9AA2A0
- 919795
- 898B8B
تناسق الألوان
متمم +180°
- DAF8F0
Minty Fresh
- FFEAF0
≈ Fairy Wings
متجاور -30° +30°
- DAF8F0
Minty Fresh
- E2F7E4
≈ Toxic Latte
- D8F7FC
≈ Glacial Day
ثلاثي +120° +240°
- DAF8F0
Minty Fresh
- F2EDFF
≈ Foundation White
- FFECDF
≈ Pink Glow
متمم منقسم +150° +210°
- DAF8F0
Minty Fresh
- FDE9FC
≈ Fairy Bubblegum Cloud
- FFEBE8
≈ Rose Frost
رباعي +90° +180° +270°
- DAF8F0
Minty Fresh
- EAF0FF
≈ Brilliant White
- FFEAF0
≈ Fairy Wings
- FAF0D8
≈ Hedgehog Mushroom
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.12:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 18.66:1 · APCA Lc 99
أفضل لون للنص: #000000
WCAG 18.66:1 (AAA) · APCA Lc 99
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--minty-fresh: #daf8f0;
--minty-fresh-rgb: 218 248 240;
--minty-fresh-oklch: oklch(0.955 0.033 177.8);
}
.element {
color: var(--minty-fresh);
background-color: hsl(164 68% 91%);
border-color: oklch(0.955 0.033 177.8);
}Tailwind CSS v4
@theme {
--color-minty-fresh: #daf8f0;
--color-minty-fresh-50: #ecf8f5;
--color-minty-fresh-100: #ddece8;
--color-minty-fresh-200: #c6d9d5;
--color-minty-fresh-300: #a6bdb8;
--color-minty-fresh-400: #8ba59e;
--color-minty-fresh-500: #6f8e86;
--color-minty-fresh-600: #5e7871;
--color-minty-fresh-700: #4b605b;
--color-minty-fresh-800: #374642;
--color-minty-fresh-900: #25312d;
--color-minty-fresh-950: #141d1a;
}SCSS
$minty-fresh: #daf8f0;
$minty-fresh-rgb: 218, 248, 240;
$minty-fresh-light: mix(#fff, $minty-fresh, 20%);
$minty-fresh-dark: mix(#000, $minty-fresh, 20%);
.element {
color: $minty-fresh;
box-shadow: 0 0 0 2px rgba($minty-fresh, 0.35);
}