Màu có tên gần nhất · #BBD4E8
#BBD4E8
Màu có tên gần nhất: Delicate Ice
#BBD4E8 (rgb(187 212 232), hsl(207 49% 82%), oklch(0.858 0.039 242.2)) gần nhất với màu có tên Delicate 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.
#BBD4E8
oklch(0.858 0.039 242.2)
Chuyển đổi màu
- HEX
- #bbd4e8
- RGB
- rgb(187 212 232)
- HSL
- hsl(207 49% 82%)
- HWB
- hwb(207 73% 9%)
- OKLCH
- oklch(0.858 0.039 242.2)
- OKLab
- oklab(0.858 -0.018 -0.034)
- CIE Lab
- lab(83.52 -5.52 -12.85)
- LCH
- lch(83.52 13.99 246.8)
- CMYK
- cmyk(19% 9% 0% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C2D8EA
- C8DDED
- CFE1EF
- D6E5F1
- DDE9F4
- E4EEF6
- EAF2F8
- F1F6FA
- F8FBFD
Sắc đậm
- A2B8CA
- 8A9DAC
- 738390
- 5C6974
- 465159
- 323A40
- 1F2429
- 0D1013
- 020203
Sắc xám
- B5CBDD
- AFC3D2
- A9BAC8
- A3B2BD
- 9DA9B3
- 97A1A8
- 91989E
- 8C9094
- 86888A
Hòa sắc
Bổ túc +180°
- BBD4E8
Delicate Ice
- E3CBB7
≈ Geyser Basin
Tương đồng -30° +30°
- BBD4E8
Delicate Ice
- B4D8DF
≈ Tear
- C7CFEA
≈ Purple Pj’s
Bộ ba +120° +240°
- BBD4E8
Delicate Ice
- E7C6CE
≈ Light Blush
- CCD5B9
≈ Canary Green
Bổ túc chia +150° +210°
- BBD4E8
Delicate Ice
- E9C8C1
≈ Kashmir Pink
- D9D0B4
≈ Lake Bluff Putty
Bộ bốn +90° +180° +270°
- BBD4E8
Delicate Ice
- E0C7DC
≈ Decadial Pink
- E3CBB7
≈ Geyser Basin
- BED8C4
≈ Edgewater
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.53:1 · APCA Lc 25
Ag
AAATrên nền đen
WCAG 13.69:1 · APCA Lc 78
Màu chữ tốt nhất: #000000
WCAG 13.69:1 (AAA) · APCA Lc 78
Contrast pairs
Đoạn mã
CSS
:root {
--delicate-ice: #bbd4e8;
--delicate-ice-rgb: 187 212 232;
--delicate-ice-oklch: oklch(0.858 0.039 242.2);
}
.element {
color: var(--delicate-ice);
background-color: hsl(207 49% 82%);
border-color: oklch(0.858 0.039 242.2);
}Tailwind CSS v4
@theme {
--color-delicate-ice: #bbd4e8;
--color-delicate-ice-50: #ecf7ff;
--color-delicate-ice-100: #deeaf4;
--color-delicate-ice-200: #c7d7e4;
--color-delicate-ice-300: #a7baca;
--color-delicate-ice-400: #8ba2b4;
--color-delicate-ice-500: #708a9e;
--color-delicate-ice-600: #5f7586;
--color-delicate-ice-700: #4c5d6b;
--color-delicate-ice-800: #36444f;
--color-delicate-ice-900: #252f37;
--color-delicate-ice-950: #141c22;
}SCSS
$delicate-ice: #bbd4e8;
$delicate-ice-rgb: 187, 212, 232;
$delicate-ice-light: mix(#fff, $delicate-ice, 20%);
$delicate-ice-dark: mix(#000, $delicate-ice, 20%);
.element {
color: $delicate-ice;
box-shadow: 0 0 0 2px rgba($delicate-ice, 0.35);
}