Màu có tên gần nhất · #D9EDE2
#D9EDE2
Màu có tên gần nhất: Shattered Ice
#D9EDE2 (rgb(217 237 226), hsl(147 36% 89%), oklch(0.928 0.026 161.9)) gần nhất với màu có tên Shattered Ice. 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.
#D9EDE2
oklch(0.928 0.026 161.9)
Chuyển đổi màu
- HEX
- #d9ede2
- RGB
- rgb(217 237 226)
- HSL
- hsl(147 36% 89%)
- HWB
- hwb(147 85% 7%)
- OKLCH
- oklch(0.928 0.026 161.9)
- OKLab
- oklab(0.928 -0.024 0.008)
- CIE Lab
- lab(92.02 -8.36 2.97)
- LCH
- lch(92.02 8.87 160.4)
- CMYK
- cmyk(8% 0% 5% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DDEFE5
- E1F1E8
- E4F2EB
- E8F4EE
- ECF6F0
- F0F8F3
- F4FAF6
- F7FBF9
- FBFDFC
Sắc đậm
- BCCEC4
- A1B0A8
- 86938C
- 6C7771
- 535C57
- 3B423E
- 252A27
- 111412
- 020303
Sắc xám
- D0E2D8
- C7D6CE
- BECBC4
- B4C0BA
- ACB5B0
- A3AAA6
- 9A9F9C
- 919593
- 898A89
Hòa sắc
Bổ túc +180°
- D9EDE2
Shattered Ice
- F4E1EC
≈ Taffeta Tint
Tương đồng -30° +30°
- D9EDE2
Shattered Ice
- E1EBDA
≈ Homoeopathic Green
- D5EDEC
≈ Puffy Little Cloud
Bộ ba +120° +240°
- D9EDE2
Shattered Ice
- E4E6F9
≈ Cyber Lavender
- F7E2DA
≈ Sly Shrimp
Bổ túc chia +150° +210°
- D9EDE2
Shattered Ice
- EDE3F4
≈ Sheer Lavender
- F8E1E3
≈ Poetic Princess
Bộ bốn +90° +180° +270°
- D9EDE2
Shattered Ice
- DBE9F9
≈ Celestial Cathedral
- F4E1EC
≈ Taffeta Tint
- F2E5D5
≈ Elegant Ivory
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.22:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.16:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.16:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--shattered-ice: #d9ede2;
--shattered-ice-rgb: 217 237 226;
--shattered-ice-oklch: oklch(0.928 0.026 161.9);
}
.element {
color: var(--shattered-ice);
background-color: hsl(147 36% 89%);
border-color: oklch(0.928 0.026 161.9);
}Tailwind CSS v4
@theme {
--color-shattered-ice: #d9ede2;
--color-shattered-ice-50: #eff8f3;
--color-shattered-ice-100: #e1ebe5;
--color-shattered-ice-200: #cbd8d1;
--color-shattered-ice-300: #acbcb4;
--color-shattered-ice-400: #92a39a;
--color-shattered-ice-500: #788c81;
--color-shattered-ice-600: #65766d;
--color-shattered-ice-700: #515f57;
--color-shattered-ice-800: #3b453f;
--color-shattered-ice-900: #28302c;
--color-shattered-ice-950: #161c19;
}SCSS
$shattered-ice: #d9ede2;
$shattered-ice-rgb: 217, 237, 226;
$shattered-ice-light: mix(#fff, $shattered-ice, 20%);
$shattered-ice-dark: mix(#000, $shattered-ice, 20%);
.element {
color: $shattered-ice;
box-shadow: 0 0 0 2px rgba($shattered-ice, 0.35);
}