Màu có tên · #D9E5EB
Arctic Blizzard
Arctic Blizzard là #D9E5EB: rgb(217 229 235), hsl(200 31% 89%), oklch(0.915 0.015 229). 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? → · Arctic Blizzard color name →
#D9E5EB
oklch(0.915 0.015 229)
Chuyển đổi màu
- HEX
- #d9e5eb
- RGB
- rgb(217 229 235)
- HSL
- hsl(200 31% 89%)
- HWB
- hwb(200 85% 8%)
- OKLCH
- oklch(0.915 0.015 229)
- OKLab
- oklab(0.915 -0.01 -0.012)
- CIE Lab
- lab(90.16 -3.3 -4.39)
- LCH
- lch(90.16 5.49 233.1)
- CMYK
- cmyk(8% 3% 0% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DDE8ED
- E1EAEF
- E4EDF1
- E8EFF3
- ECF2F5
- F0F5F7
- F4F7F9
- F7FAFB
- FBFCFD
Sắc đậm
- BCC7CC
- A1AAAE
- 868E91
- 6C7275
- 53585B
- 3B3F41
- 252829
- 111213
- 020303
Sắc xám
- D0DAE0
- C7D0D5
- BDC6CA
- B4BBBF
- ABB1B4
- A3A7A9
- 9A9D9F
- 919394
- 898A8A
Hòa sắc
Bổ túc +180°
- D9E5EB
Arctic Blizzard
- ECE0DA
≈ Touchable Pink
Tương đồng -30° +30°
- D9E5EB
Arctic Blizzard
- D8E6E7
≈ Smoke and Mirrors
- DDE3ED
≈ Violet Extract
Bộ ba +120° +240°
- D9E5EB
Arctic Blizzard
- EBDFE4
≈ Dainty Flower
- E3E4D8
≈ Sand Grain
Bổ túc chia +150° +210°
- D9E5EB
Arctic Blizzard
- EDDFDF
≈ Crystallise
- E8E2D8
≈ Crisp Muslin
Bộ bốn +90° +180° +270°
- D9E5EB
Arctic Blizzard
- E7E0E9
≈ Bubble Bath
- ECE0DA
≈ Touchable Pink
- DEE5DC
≈ Morning Rush
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.28:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.35:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.35:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--arctic-blizzard: #d9e5eb;
--arctic-blizzard-rgb: 217 229 235;
--arctic-blizzard-oklch: oklch(0.915 0.015 229);
}
.element {
color: var(--arctic-blizzard);
background-color: hsl(200 31% 89%);
border-color: oklch(0.915 0.015 229);
}Tailwind CSS v4
@theme {
--color-arctic-blizzard: #d9e5eb;
--color-arctic-blizzard-50: #f1f6f9;
--color-arctic-blizzard-100: #e3e9ec;
--color-arctic-blizzard-200: #ced6da;
--color-arctic-blizzard-300: #b0b9be;
--color-arctic-blizzard-400: #96a0a6;
--color-arctic-blizzard-500: #7c888e;
--color-arctic-blizzard-600: #697378;
--color-arctic-blizzard-700: #545c60;
--color-arctic-blizzard-800: #3d4446;
--color-arctic-blizzard-900: #2a2f31;
--color-arctic-blizzard-950: #181b1d;
}SCSS
$arctic-blizzard: #d9e5eb;
$arctic-blizzard-rgb: 217, 229, 235;
$arctic-blizzard-light: mix(#fff, $arctic-blizzard, 20%);
$arctic-blizzard-dark: mix(#000, $arctic-blizzard, 20%);
.element {
color: $arctic-blizzard;
box-shadow: 0 0 0 2px rgba($arctic-blizzard, 0.35);
}