أقرب لون مسمّى · #A3D9FF
#A3D9FF
أقرب لون مسمّى: Droplet
#A3D9FF (rgb(163 217 255)، hsl(205 100% 82%)، oklch(0.861 0.077 239.5)) أقرب إلى اللون المسمّى Droplet. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A3D9FF
oklch(0.861 0.077 239.5)
تحويلات الألوان
- HEX
- #a3d9ff
- RGB
- rgb(163 217 255)
- HSL
- hsl(205 100% 82%)
- HWB
- hwb(205 64% 0%)
- OKLCH
- oklch(0.861 0.077 239.5)
- OKLab
- oklab(0.861 -0.039 -0.066)
- CIE Lab
- lab(83.94 -11.15 -24.52)
- LCH
- lch(83.94 26.94 245.5)
- CMYK
- cmyk(36% 15% 0% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ADDDFF
- B6E1FF
- BFE5FF
- C9E8FF
- D2ECFF
- DBF0FF
- E4F4FF
- EDF8FF
- F6FBFF
درجات داكنة
- 8DBCDE
- 78A1BE
- 63869E
- 4F6C80
- 3C5363
- 2A3B48
- 19252E
- 0A1116
- 010203
درجات رمادية
- A0D0F2
- 9DC7E5
- 99BED8
- 96B5CB
- 93ACBE
- 8FA3B1
- 8B9AA5
- 889198
- 84898C
تناسق الألوان
متمم +180°
- A3D9FF
Droplet
- F8C69F
≈ Shrimp Toast
متجاور -30° +30°
- A3D9FF
Droplet
- 94E0ED
≈ Photon Barrier
- BFD0FF
≈ Ice Cold Stare
ثلاثي +120° +240°
- A3D9FF
Droplet
- FDBDD0
≈ Rosie
- CBD9A0
≈ Cucumber Ice
متمم منقسم +150° +210°
- A3D9FF
Droplet
- FFC0B5
≈ Ruffled Parasol
- E5D097
≈ Honeycomb Glow
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.50:1 · APCA Lc 24
Ag
AAAعلى الأسود
WCAG 13.92:1 · APCA Lc 80
أفضل لون للنص: #000000
WCAG 13.92:1 (AAA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--droplet: #a3d9ff;
--droplet-rgb: 163 217 255;
--droplet-oklch: oklch(0.861 0.077 239.5);
}
.element {
color: var(--droplet);
background-color: hsl(205 100% 82%);
border-color: oklch(0.861 0.077 239.5);
}Tailwind CSS v4
@theme {
--color-droplet: #a3d9ff;
--color-droplet-50: #e3f9ff;
--color-droplet-100: #d2ecff;
--color-droplet-200: #b8d9f3;
--color-droplet-300: #95bddc;
--color-droplet-400: #74a5c7;
--color-droplet-500: #538db4;
--color-droplet-600: #477798;
--color-droplet-700: #39607a;
--color-droplet-800: #27465a;
--color-droplet-900: #1a313f;
--color-droplet-950: #0a1d28;
}SCSS
$droplet: #a3d9ff;
$droplet-rgb: 163, 217, 255;
$droplet-light: mix(#fff, $droplet, 20%);
$droplet-dark: mix(#000, $droplet, 20%);
.element {
color: $droplet;
box-shadow: 0 0 0 2px rgba($droplet, 0.35);
}