Màu có tên · #D2DFED
Dripping Ice
Dripping Ice là #D2DFED: rgb(210 223 237), hsl(211 43% 88%), oklch(0.898 0.024 250.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? → · Dripping Ice color name →
#D2DFED
oklch(0.898 0.024 250.1)
Chuyển đổi màu
- HEX
- #d2dfed
- RGB
- rgb(210 223 237)
- HSL
- hsl(211 43% 88%)
- HWB
- hwb(211 82% 7%)
- OKLCH
- oklch(0.898 0.024 250.1)
- OKLab
- oklab(0.898 -0.008 -0.022)
- CIE Lab
- lab(88.15 -2.47 -8.44)
- LCH
- lch(88.15 8.79 253.7)
- CMYK
- cmyk(11% 6% 0% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D6E2EF
- DBE5F1
- DFE9F2
- E4ECF4
- E8EFF6
- EDF2F8
- F1F5FA
- F6F9FB
- FAFCFD
Sắc đậm
- B6C2CE
- 9BA5B0
- 818A93
- 686F77
- 50565C
- 393D42
- 24272A
- 101214
- 020203
Sắc xám
- C9D5E2
- C1CBD6
- B9C2CB
- B0B8C0
- A8AEB5
- A0A5AA
- 989B9F
- 909295
- 88898A
Hòa sắc
Bổ túc +180°
- D2DFED
Dripping Ice
- E8DBCD
≈ Crepuscular
Tương đồng -30° +30°
- D2DFED
Dripping Ice
- CDE1E8
≈ Goddess
- DADCED
≈ The White Death
Bộ ba +120° +240°
- D2DFED
Dripping Ice
- EDD7DA
≈ Pale Rose
- D8E1D1
≈ Light Ligado
Bổ túc chia +150° +210°
- D2DFED
Dripping Ice
- ECD9D2
≈ Fiesta
- E1DECC
≈ Cappuccino Cosmico
Bộ bốn +90° +180° +270°
- D2DFED
Dripping Ice
- E9D8E2
≈ Rajah Rose
- E8DBCD
≈ Crepuscular
- D1E3D8
≈ Delicate Snow Goose
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.35:1 · APCA Lc 17
Ag
AAATrên nền đen
WCAG 15.51:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--dripping-ice: #d2dfed;
--dripping-ice-rgb: 210 223 237;
--dripping-ice-oklch: oklch(0.898 0.024 250.1);
}
.element {
color: var(--dripping-ice);
background-color: hsl(211 43% 88%);
border-color: oklch(0.898 0.024 250.1);
}Tailwind CSS v4
@theme {
--color-dripping-ice: #d2dfed;
--color-dripping-ice-50: #f0f6fc;
--color-dripping-ice-100: #e2e9f0;
--color-dripping-ice-200: #cdd5de;
--color-dripping-ice-300: #afb8c4;
--color-dripping-ice-400: #94a0ac;
--color-dripping-ice-500: #7b8896;
--color-dripping-ice-600: #68737f;
--color-dripping-ice-700: #535c65;
--color-dripping-ice-800: #3c434a;
--color-dripping-ice-900: #292e34;
--color-dripping-ice-950: #171b1f;
}SCSS
$dripping-ice: #d2dfed;
$dripping-ice-rgb: 210, 223, 237;
$dripping-ice-light: mix(#fff, $dripping-ice, 20%);
$dripping-ice-dark: mix(#000, $dripping-ice, 20%);
.element {
color: $dripping-ice;
box-shadow: 0 0 0 2px rgba($dripping-ice, 0.35);
}