Màu có tên gần nhất · #B8DADC
#B8DADC
Màu có tên gần nhất: Poolside
#B8DADC (rgb(184 218 220), hsl(183 34% 79%), oklch(0.864 0.036 200.9)) gần nhất với màu có tên Poolside. 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.
#B8DADC
oklch(0.864 0.036 200.9)
Chuyển đổi màu
- HEX
- #b8dadc
- RGB
- rgb(184 218 220)
- HSL
- hsl(183 34% 79%)
- HWB
- hwb(183 72% 14%)
- OKLCH
- oklch(0.864 0.036 200.9)
- OKLab
- oklab(0.864 -0.034 -0.013)
- CIE Lab
- lab(84.62 -11.29 -4.94)
- LCH
- lch(84.62 12.33 203.6)
- CMYK
- cmyk(16% 1% 0% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BFDEDF
- C6E1E3
- CDE5E6
- D4E9EA
- DCECED
- E3F0F1
- EAF4F4
- F1F8F8
- F8FBFB
Sắc đậm
- A0BDBF
- 88A2A3
- 718788
- 5B6C6E
- 455454
- 313C3C
- 1E2526
- 0C1111
- 020202
Sắc xám
- B2D1D2
- ADC7C9
- A7BEBF
- A2B5B6
- 9CACAD
- 96A3A4
- 919A9B
- 8B9192
- 868989
Hòa sắc
Bổ túc +180°
- B8DADC
Poolside
- E9CAC8
≈ Fairy Floss
Tương đồng -30° +30°
- B8DADC
Poolside
- BCDBCF
≈ Mirador
- BCD7E6
≈ Bridgewater Bay
Bộ ba +120° +240°
- B8DADC
Poolside
- DECBE1
≈ Grape Glimmer
- DFD1B8
≈ Chopsticks
Bổ túc chia +150° +210°
- B8DADC
Poolside
- E6C9D5
≈ Cradle Pink
- E7CCBE
≈ Peach Brick
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.48:1 · APCA Lc 23
Ag
AAATrên nền đen
WCAG 14.10:1 · APCA Lc 80
Màu chữ tốt nhất: #000000
WCAG 14.10:1 (AAA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--poolside: #b8dadc;
--poolside-rgb: 184 218 220;
--poolside-oklch: oklch(0.864 0.036 200.9);
}
.element {
color: var(--poolside);
background-color: hsl(183 34% 79%);
border-color: oklch(0.864 0.036 200.9);
}Tailwind CSS v4
@theme {
--color-poolside: #b8dadc;
--color-poolside-50: #eaf8fa;
--color-poolside-100: #dbeced;
--color-poolside-200: #c3d9db;
--color-poolside-300: #a3bdbf;
--color-poolside-400: #86a5a7;
--color-poolside-500: #6a8e90;
--color-poolside-600: #5a787a;
--color-poolside-700: #486061;
--color-poolside-800: #344647;
--color-poolside-900: #233131;
--color-poolside-950: #121d1d;
}SCSS
$poolside: #b8dadc;
$poolside-rgb: 184, 218, 220;
$poolside-light: mix(#fff, $poolside, 20%);
$poolside-dark: mix(#000, $poolside, 20%);
.element {
color: $poolside;
box-shadow: 0 0 0 2px rgba($poolside, 0.35);
}