أقرب لون مسمّى · #DFE8FF
#DFE8FF
أقرب لون مسمّى: Puffy Cloud
#DFE8FF (rgb(223 232 255)، hsl(223 100% 94%)، oklch(0.931 0.033 268.7)) أقرب إلى اللون المسمّى Puffy Cloud. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DFE8FF
oklch(0.931 0.033 268.7)
تحويلات الألوان
- HEX
- #dfe8ff
- RGB
- rgb(223 232 255)
- HSL
- hsl(223 100% 94%)
- HWB
- hwb(223 87% 0%)
- OKLCH
- oklch(0.931 0.033 268.7)
- OKLab
- oklab(0.931 -0.001 -0.033)
- CIE Lab
- lab(91.83 0.21 -12.26)
- LCH
- lch(91.83 12.26 271)
- CMYK
- cmyk(13% 9% 0% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E2EAFF
- E5EDFF
- E9EFFF
- ECF1FF
- EFF4FF
- F2F6FF
- F5F8FF
- F9FAFF
- FCFDFF
درجات داكنة
- C2CADE
- A5ACBE
- 8A909E
- 6F7480
- 565963
- 3D4048
- 27292E
- 121316
- 020303
درجات رمادية
- D5DDF2
- CBD2E4
- C2C8D7
- B8BDCA
- AEB3BE
- A5A8B1
- 9B9EA4
- 929498
- 898A8C
تناسق الألوان
متمم +180°
- DFE8FF
Puffy Cloud
- F1E8D0
≈ Natural Whisper
متجاور -30° +30°
- DFE8FF
Puffy Cloud
- D5ECFC
≈ Ice Castle
- EBE4FC
≈ Lavender Mist
ثلاثي +120° +240°
- DFE8FF
Puffy Cloud
- FEE1DC
≈ Red Shimmer
- DAEFDD
≈ Dewmist Delight
متمم منقسم +150° +210°
- DFE8FF
Puffy Cloud
- FAE4D3
≈ Shell Ginger
- E6ECD4
≈ Lime Meringue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.22:1 · APCA Lc 11
Ag
AAAعلى الأسود
WCAG 17.12:1 · APCA Lc 93
أفضل لون للنص: #000000
WCAG 17.12:1 (AAA) · APCA Lc 93
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--puffy-cloud: #dfe8ff;
--puffy-cloud-rgb: 223 232 255;
--puffy-cloud-oklch: oklch(0.931 0.033 268.7);
}
.element {
color: var(--puffy-cloud);
background-color: hsl(223 100% 94%);
border-color: oklch(0.931 0.033 268.7);
}Tailwind CSS v4
@theme {
--color-puffy-cloud: #dfe8ff;
--color-puffy-cloud-50: #f1f5ff;
--color-puffy-cloud-100: #e4e8f3;
--color-puffy-cloud-200: #cfd4e3;
--color-puffy-cloud-300: #b1b7c9;
--color-puffy-cloud-400: #969eb2;
--color-puffy-cloud-500: #7d869d;
--color-puffy-cloud-600: #6a7184;
--color-puffy-cloud-700: #555b6a;
--color-puffy-cloud-800: #3d424e;
--color-puffy-cloud-900: #2a2e36;
--color-puffy-cloud-950: #181b21;
}SCSS
$puffy-cloud: #dfe8ff;
$puffy-cloud-rgb: 223, 232, 255;
$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);
}