Màu có tên · #BFD2D0
Antarctica
Antarctica là #BFD2D0: rgb(191 210 208), hsl(174 17% 79%), oklch(0.849 0.021 189.1). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Antarctica color name →
#BFD2D0
oklch(0.849 0.021 189.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C5D6D5
- CCDBD9
- D2DFDE
- D8E4E3
- DFE8E7
- E5EDEC
- ECF1F1
- F2F6F5
- F9FAFA
Sắc đậm
- A6B6B5
- 8D9B9A
- 758180
- 5E6867
- 48504F
- 333939
- 1F2423
- 0D1010
- 020202
Sắc xám
- B9C9C8
- B2C1BF
- ACB9B7
- A5B0AF
- 9FA8A7
- 99A09F
- 939897
- 8C908F
- 868888
Hòa sắc
Bổ túc +180°
- BFD2D0
Antarctica
- DAC8CA
≈ Light Pink Polar
Tương đồng -30° +30°
- BFD2D0
Antarctica
- C3D2C9
≈ Spearmint Ice
- BFD1D7
≈ Light Pure Blue
Bộ ba +120° +240°
- BFD2D0
Antarctica
- D1CAD8
≈ Diaphanous
- D7CBBF
≈ In the Buff
Bổ túc chia +150° +210°
- BFD2D0
Antarctica
- D7C8D2
≈ Rosy Lavender
- DAC9C4
≈ Pink Chantilly
Bộ bốn +90° +180° +270°
- BFD2D0
Antarctica
- CACCDB
≈ Lunar Dust
- DAC8CA
≈ Light Pink Polar
- D0CEBF
≈ Sedate Grey
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.57:1 · APCA Lc 26
Ag
AAATrên nền đen
WCAG 13.34:1 · APCA Lc 77
Màu chữ tốt nhất: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
Đoạn mã
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);
}