Màu có tên gần nhất · #D9E2EC
#D9E2EC
Màu có tên gần nhất: Iceberg
#D9E2EC (rgb(217 226 236), hsl(212 33% 89%), oklch(0.909 0.017 250.9)) gần nhất với màu có tên Iceberg. 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.
#D9E2EC
oklch(0.909 0.017 250.9)
Chuyển đổi màu
- HEX
- #d9e2ec
- RGB
- rgb(217 226 236)
- HSL
- hsl(212 33% 89%)
- HWB
- hwb(212 85% 7%)
- OKLCH
- oklch(0.909 0.017 250.9)
- OKLab
- oklab(0.909 -0.005 -0.016)
- CIE Lab
- lab(89.41 -1.71 -5.99)
- LCH
- lch(89.41 6.23 254.1)
- CMYK
- cmyk(8% 4% 0% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DDE5EE
- E1E8F0
- E4EBF2
- E8EEF4
- ECF0F6
- F0F3F7
- F4F6F9
- F7F9FB
- FBFCFD
Sắc đậm
- BCC4CD
- A1A8AF
- 868C92
- 6C7176
- 53575B
- 3B3E42
- 252729
- 111213
- 020303
Sắc xám
- D0D8E1
- C7CED5
- BDC4CA
- B4BABF
- ABB0B5
- A3A6AA
- 9A9C9F
- 919395
- 89898A
Hòa sắc
Bổ túc +180°
- D9E2EC
Iceberg
- E8DFD5
≈ Pale Cashmere
Tương đồng -30° +30°
- D9E2EC
Iceberg
- D6E4E9
≈ Dreamstress
- DEE0EC
≈ Blush Sky
Bộ ba +120° +240°
- D9E2EC
Iceberg
- ECDDDE
≈ St. Nicholas Beard
- DDE3D8
≈ Salty Breeze
Bổ túc chia +150° +210°
- D9E2EC
Iceberg
- EBDED9
≈ Berry Frost
- E3E1D5
≈ Reserved Beige
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.30:1 · APCA Lc 15
Ag
AAATrên nền đen
WCAG 16.04:1 · APCA Lc 88
Màu chữ tốt nhất: #000000
WCAG 16.04:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--iceberg: #d9e2ec;
--iceberg-rgb: 217 226 236;
--iceberg-oklch: oklch(0.909 0.017 250.9);
}
.element {
color: var(--iceberg);
background-color: hsl(212 33% 89%);
border-color: oklch(0.909 0.017 250.9);
}Tailwind CSS v4
@theme {
--color-iceberg: #d9e2ec;
--color-iceberg-50: #f2f5fa;
--color-iceberg-100: #e4e8ed;
--color-iceberg-200: #cfd5db;
--color-iceberg-300: #b1b8c0;
--color-iceberg-400: #979fa8;
--color-iceberg-500: #7e8791;
--color-iceberg-600: #6b727b;
--color-iceberg-700: #555c62;
--color-iceberg-800: #3e4348;
--color-iceberg-900: #2b2e32;
--color-iceberg-950: #181b1e;
}SCSS
$iceberg: #d9e2ec;
$iceberg-rgb: 217, 226, 236;
$iceberg-light: mix(#fff, $iceberg, 20%);
$iceberg-dark: mix(#000, $iceberg, 20%);
.element {
color: $iceberg;
box-shadow: 0 0 0 2px rgba($iceberg, 0.35);
}