لون مسمّى · #BFD2D0
Antarctica
Antarctica هو #BFD2D0: rgb(191 210 208)، hsl(174 17% 79%)، oklch(0.849 0.021 189.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Antarctica color name →
#BFD2D0
oklch(0.849 0.021 189.1)
تحويلات الألوان
- HEX
- #bfd2d0
- RGB
- rgb(191 210 208)
- HSL
- hsl(174 17% 79%)
- HWB
- hwb(174 75% 18%)
- OKLCH
- oklch(0.849 0.021 189.1)
- OKLab
- oklab(0.849 -0.02 -0.003)
- CIE Lab
- lab(82.71 -6.92 -1.31)
- LCH
- lch(82.71 7.04 190.7)
- CMYK
- cmyk(9% 0% 1% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C5D6D5
- CCDBD9
- D2DFDE
- D8E4E3
- DFE8E7
- E5EDEC
- ECF1F1
- F2F6F5
- F9FAFA
درجات داكنة
- A6B6B5
- 8D9B9A
- 758180
- 5E6867
- 48504F
- 333939
- 1F2423
- 0D1010
- 020202
درجات رمادية
- B9C9C8
- B2C1BF
- ACB9B7
- A5B0AF
- 9FA8A7
- 99A09F
- 939897
- 8C908F
- 868888
تناسق الألوان
متمم +180°
- BFD2D0
Antarctica
- DAC8CA
≈ Light Pink Polar
متجاور -30° +30°
- BFD2D0
Antarctica
- C3D2C9
≈ Spearmint Ice
- BFD1D7
≈ Light Pure Blue
ثلاثي +120° +240°
- BFD2D0
Antarctica
- D1CAD8
≈ Diaphanous
- D7CBBF
≈ In the Buff
متمم منقسم +150° +210°
- BFD2D0
Antarctica
- D7C8D2
≈ Rosy Lavender
- DAC9C4
≈ Pink Chantilly
رباعي +90° +180° +270°
- BFD2D0
Antarctica
- CACCDB
≈ Lunar Dust
- DAC8CA
≈ Light Pink Polar
- D0CEBF
≈ Sedate Grey
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.57:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.34:1 · APCA Lc 77
أفضل لون للنص: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--antarctica: #bfd2d0;
--antarctica-rgb: 191 210 208;
--antarctica-oklch: oklch(0.849 0.021 189.1);
}
.element {
color: var(--antarctica);
background-color: hsl(174 17% 79%);
border-color: oklch(0.849 0.021 189.1);
}Tailwind CSS v4
@theme {
--color-antarctica: #bfd2d0;
--color-antarctica-50: #eff7f6;
--color-antarctica-100: #e1eae9;
--color-antarctica-200: #cbd7d6;
--color-antarctica-300: #acbbba;
--color-antarctica-400: #91a3a1;
--color-antarctica-500: #778b89;
--color-antarctica-600: #657574;
--color-antarctica-700: #515e5d;
--color-antarctica-800: #3b4543;
--color-antarctica-900: #28302f;
--color-antarctica-950: #161c1b;
}SCSS
$antarctica: #bfd2d0;
$antarctica-rgb: 191, 210, 208;
$antarctica-light: mix(#fff, $antarctica, 20%);
$antarctica-dark: mix(#000, $antarctica, 20%);
.element {
color: $antarctica;
box-shadow: 0 0 0 2px rgba($antarctica, 0.35);
}