Màu có tên · #CCE2DD
Ice Bomb
Ice Bomb là #CCE2DD: rgb(204 226 221), hsl(166 27% 84%), oklch(0.895 0.024 180.6). 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? → · Ice Bomb color name →
#CCE2DD
oklch(0.895 0.024 180.6)
Chuyển đổi màu
- HEX
- #cce2dd
- RGB
- rgb(204 226 221)
- HSL
- hsl(166 27% 84%)
- HWB
- hwb(166 80% 11%)
- OKLCH
- oklch(0.895 0.024 180.6)
- OKLab
- oklab(0.895 -0.024 0)
- CIE Lab
- lab(88.13 -8.28 -0.17)
- LCH
- lch(88.13 8.28 181.2)
- CMYK
- cmyk(10% 0% 2% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D1E5E0
- D6E8E4
- DBEBE7
- E0EEEA
- E5F0EE
- EBF3F1
- F0F6F5
- F5F9F8
- FAFCFC
Sắc đậm
- B1C4C0
- 97A8A4
- 7E8C88
- 65716E
- 4E5755
- 373E3D
- 222726
- 0F1211
- 020302
Sắc xám
- C4D8D3
- BCCECA
- B5C4C0
- ADBAB7
- A5B0AD
- 9EA6A4
- 969C9B
- 8F9392
- 878989
Hòa sắc
Bổ túc +180°
- CCE2DD
Ice Bomb
- EBD6DB
≈ Berry Taffy
Tương đồng -30° +30°
- CCE2DD
Ice Bomb
- D2E1D4
≈ Misty Marsh
- CBE1E5
≈ Melting Point
Bộ ba +120° +240°
- CCE2DD
Ice Bomb
- DFD9EA
≈ Awakened
- E9D9CD
≈ Malted Milk
Bổ túc chia +150° +210°
- CCE2DD
Ice Bomb
- E6D7E4
≈ Snuff
- ECD7D3
≈ Peach Glamour
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.35:1 · APCA Lc 17
Ag
AAATrên nền đen
WCAG 15.49:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.49:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--ice-bomb: #cce2dd;
--ice-bomb-rgb: 204 226 221;
--ice-bomb-oklch: oklch(0.895 0.024 180.6);
}
.element {
color: var(--ice-bomb);
background-color: hsl(166 27% 84%);
border-color: oklch(0.895 0.024 180.6);
}Tailwind CSS v4
@theme {
--color-ice-bomb: #cce2dd;
--color-ice-bomb-50: #eef8f6;
--color-ice-bomb-100: #e0ebe8;
--color-ice-bomb-200: #cad8d5;
--color-ice-bomb-300: #abbcb8;
--color-ice-bomb-400: #90a39f;
--color-ice-bomb-500: #758c87;
--color-ice-bomb-600: #637672;
--color-ice-bomb-700: #4f5f5b;
--color-ice-bomb-800: #3a4542;
--color-ice-bomb-900: #28302e;
--color-ice-bomb-950: #161c1b;
}SCSS
$ice-bomb: #cce2dd;
$ice-bomb-rgb: 204, 226, 221;
$ice-bomb-light: mix(#fff, $ice-bomb, 20%);
$ice-bomb-dark: mix(#000, $ice-bomb, 20%);
.element {
color: $ice-bomb;
box-shadow: 0 0 0 2px rgba($ice-bomb, 0.35);
}