Màu có tên · #BCE2E8
Icy Water
Icy Water là #BCE2E8: rgb(188 226 232), hsl(188 49% 82%), oklch(0.888 0.041 208.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 Cyan mean? → · Icy Water color name →
#BCE2E8
oklch(0.888 0.041 208.1)
Chuyển đổi màu
- HEX
- #bce2e8
- RGB
- rgb(188 226 232)
- HSL
- hsl(188 49% 82%)
- HWB
- hwb(188 74% 9%)
- OKLCH
- oklch(0.888 0.041 208.1)
- OKLab
- oklab(0.888 -0.036 -0.019)
- CIE Lab
- lab(87.29 -11.9 -7.29)
- LCH
- lch(87.29 13.96 211.5)
- CMYK
- cmyk(19% 3% 0% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C3E5EA
- CAE8ED
- D0EBEF
- D7EEF1
- DEF1F4
- E4F3F6
- EBF6F8
- F2F9FA
- F8FCFD
Sắc đậm
- A3C4CA
- 8BA8AC
- 738C90
- 5D7174
- 475759
- 323E40
- 1F2729
- 0D1213
- 020303
Sắc xám
- B6D8DD
- B0CED2
- AAC4C8
- A4BABD
- 9EB0B3
- 98A6A8
- 929C9E
- 8C9394
- 86898A
Hòa sắc
Bổ túc +180°
- BCE2E8
Icy Water
- F4D1CB
≈ Coral Candy
Tương đồng -30° +30°
- BCE2E8
Icy Water
- BEE3DA
≈ Serendipity
- C2DEF2
≈ Island View
Bộ ba +120° +240°
- BCE2E8
Icy Water
- E9D1E8
≈ Lilacs in Spring
- E5D9BC
≈ Ivory Essence
Bổ túc chia +150° +210°
- BCE2E8
Icy Water
- F2CFDA
≈ Ballerina
- EFD4C0
≈ Iced Apricot
Bộ bốn +90° +180° +270°
- BCE2E8
Icy Water
- DDD5F2
≈ Japan Blush
- F4D1CB
≈ Coral Candy
- D7DEC0
≈ Dream Seascape
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.38:1 · APCA Lc 19
Ag
AAATrên nền đen
WCAG 15.18:1 · APCA Lc 85
Màu chữ tốt nhất: #000000
WCAG 15.18:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
CSS
:root {
--icy-water: #bce2e8;
--icy-water-rgb: 188 226 232;
--icy-water-oklch: oklch(0.888 0.041 208.1);
}
.element {
color: var(--icy-water);
background-color: hsl(188 49% 82%);
border-color: oklch(0.888 0.041 208.1);
}Tailwind CSS v4
@theme {
--color-icy-water: #bce2e8;
--color-icy-water-50: #e9f9fc;
--color-icy-water-100: #d9ecef;
--color-icy-water-200: #c1d9de;
--color-icy-water-300: #a0bdc3;
--color-icy-water-400: #83a6ab;
--color-icy-water-500: #668e94;
--color-icy-water-600: #57787d;
--color-icy-water-700: #456064;
--color-icy-water-800: #324749;
--color-icy-water-900: #223133;
--color-icy-water-950: #111d1f;
}SCSS
$icy-water: #bce2e8;
$icy-water-rgb: 188, 226, 232;
$icy-water-light: mix(#fff, $icy-water, 20%);
$icy-water-dark: mix(#000, $icy-water, 20%);
.element {
color: $icy-water;
box-shadow: 0 0 0 2px rgba($icy-water, 0.35);
}