لون مسمّى · #B8DFF8
Arctic Paradise
Arctic Paradise هو #B8DFF8: rgb(184 223 248)، hsl(203 82% 85%)، oklch(0.884 0.054 236.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Arctic Paradise color name →
#B8DFF8
oklch(0.884 0.054 236.3)
تحويلات الألوان
- HEX
- #b8dff8
- RGB
- rgb(184 223 248)
- HSL
- hsl(203 82% 85%)
- HWB
- hwb(203 72% 3%)
- OKLCH
- oklch(0.884 0.054 236.3)
- OKLab
- oklab(0.884 -0.03 -0.045)
- CIE Lab
- lab(86.63 -9.08 -16.67)
- LCH
- lch(86.63 18.98 241.4)
- CMYK
- cmyk(26% 10% 0% 3%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BFE2F9
- C6E5FA
- CEE9FA
- D5ECFB
- DCEFFC
- E3F2FC
- EAF5FD
- F1F9FE
- F8FCFE
درجات داكنة
- A0C2D8
- 88A5B8
- 718A9A
- 5B6F7C
- 455660
- 313D45
- 1E272C
- 0C1215
- 020203
درجات رمادية
- B2D5EB
- ADCBDF
- A7C2D3
- A2B8C6
- 9CAEBA
- 97A5AE
- 919CA3
- 8B9297
- 86898B
تناسق الألوان
متمم +180°
- B8DFF8
Arctic Paradise
- F5D0B7
≈ Dough Yellow
متجاور -30° +30°
- B8DFF8
Arctic Paradise
- B0E3EA
≈ Across the Bay
- C8D9FD
≈ Icy Plains
ثلاثي +120° +240°
- B8DFF8
Arctic Paradise
- F7CBDA
≈ Pink Lace
- D6DEB6
≈ Clean Air
متمم منقسم +150° +210°
- B8DFF8
Arctic Paradise
- FACCC6
≈ Peach Red
- E8D7B1
≈ Sunning Deck
رباعي +90° +180° +270°
- B8DFF8
Arctic Paradise
- ECCDEC
≈ Bubblegum Crisis
- F5D0B7
≈ Dough Yellow
- C3E3C4
≈ Sugar Mint
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.40:1 · APCA Lc 20
Ag
AAAعلى الأسود
WCAG 14.94:1 · APCA Lc 84
أفضل لون للنص: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--arctic-paradise: #b8dff8;
--arctic-paradise-rgb: 184 223 248;
--arctic-paradise-oklch: oklch(0.884 0.054 236.3);
}
.element {
color: var(--arctic-paradise);
background-color: hsl(203 82% 85%);
border-color: oklch(0.884 0.054 236.3);
}Tailwind CSS v4
@theme {
--color-arctic-paradise: #b8dff8;
--color-arctic-paradise-50: #e8f8ff;
--color-arctic-paradise-100: #d8ebf8;
--color-arctic-paradise-200: #c0d8e9;
--color-arctic-paradise-300: #9fbcd0;
--color-arctic-paradise-400: #81a4ba;
--color-arctic-paradise-500: #648ca5;
--color-arctic-paradise-600: #55778c;
--color-arctic-paradise-700: #435f70;
--color-arctic-paradise-800: #304652;
--color-arctic-paradise-900: #203039;
--color-arctic-paradise-950: #101c24;
}SCSS
$arctic-paradise: #b8dff8;
$arctic-paradise-rgb: 184, 223, 248;
$arctic-paradise-light: mix(#fff, $arctic-paradise, 20%);
$arctic-paradise-dark: mix(#000, $arctic-paradise, 20%);
.element {
color: $arctic-paradise;
box-shadow: 0 0 0 2px rgba($arctic-paradise, 0.35);
}