أقرب لون مسمّى · #DAE9FE
#DAE9FE
أقرب لون مسمّى: Puffy Cloud
#DAE9FE (rgb(218 233 254)، hsl(215 95% 93%)، oklch(0.929 0.033 256.8)) أقرب إلى اللون المسمّى Puffy Cloud. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DAE9FE
oklch(0.929 0.033 256.8)
تحويلات الألوان
- HEX
- #dae9fe
- RGB
- rgb(218 233 254)
- HSL
- hsl(215 95% 93%)
- HWB
- hwb(215 85% 0%)
- OKLCH
- oklch(0.929 0.033 256.8)
- OKLab
- oklab(0.929 -0.008 -0.032)
- CIE Lab
- lab(91.69 -2.07 -11.99)
- LCH
- lch(91.69 12.17 260.2)
- CMYK
- cmyk(14% 8% 0% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DEEBFE
- E1EDFE
- E5F0FE
- E9F2FF
- ECF4FF
- F0F6FF
- F4F8FF
- F8FBFF
- FBFDFF
درجات داكنة
- BDCBDD
- A2ADBD
- 87909E
- 6C7480
- 545A63
- 3C4147
- 25292D
- 111316
- 020303
درجات رمادية
- D1DEF1
- C7D3E4
- BEC8D7
- B5BECA
- ACB3BD
- A3A9B1
- 9A9EA4
- 919498
- 898A8C
تناسق الألوان
متمم +180°
- DAE9FE
Puffy Cloud
- F4E5D0
≈ White Hyacinth
متجاور -30° +30°
- DAE9FE
Puffy Cloud
- D2EDF9
≈ Blue Hijab
- E5E5FD
≈ Lavender Mist
ثلاثي +120° +240°
- DAE9FE
Puffy Cloud
- FDDFE0
≈ Sweet Mallow
- DEEDD8
≈ Ghost Lichen
متمم منقسم +150° +210°
- DAE9FE
Puffy Cloud
- FBE2D6
≈ Pink Touch
- EAEAD1
≈ Celery Ice
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.23:1 · APCA Lc 11
Ag
AAAعلى الأسود
WCAG 17.06:1 · APCA Lc 93
أفضل لون للنص: #000000
WCAG 17.06:1 (AAA) · APCA Lc 93
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--puffy-cloud: #dae9fe;
--puffy-cloud-rgb: 218 233 254;
--puffy-cloud-oklch: oklch(0.929 0.033 256.8);
}
.element {
color: var(--puffy-cloud);
background-color: hsl(215 95% 93%);
border-color: oklch(0.929 0.033 256.8);
}Tailwind CSS v4
@theme {
--color-puffy-cloud: #dae9fe;
--color-puffy-cloud-50: #f0f6ff;
--color-puffy-cloud-100: #e1e8f3;
--color-puffy-cloud-200: #ccd5e3;
--color-puffy-cloud-300: #adb8c9;
--color-puffy-cloud-400: #92a0b2;
--color-puffy-cloud-500: #78879c;
--color-puffy-cloud-600: #667384;
--color-puffy-cloud-700: #525c6a;
--color-puffy-cloud-800: #3b434e;
--color-puffy-cloud-900: #282e36;
--color-puffy-cloud-950: #161b21;
}SCSS
$puffy-cloud: #dae9fe;
$puffy-cloud-rgb: 218, 233, 254;
$puffy-cloud-light: mix(#fff, $puffy-cloud, 20%);
$puffy-cloud-dark: mix(#000, $puffy-cloud, 20%);
.element {
color: $puffy-cloud;
box-shadow: 0 0 0 2px rgba($puffy-cloud, 0.35);
}