Màu có tên · #BCDAEC
Diamond Soft Blue
Diamond Soft Blue là #BCDAEC: rgb(188 218 236), hsl(203 56% 83%), oklch(0.872 0.04 234.3). 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 Blue mean? → · Diamond Soft Blue color name →
#BCDAEC
oklch(0.872 0.04 234.3)
Chuyển đổi màu
- HEX
- #bcdaec
- RGB
- rgb(188 218 236)
- HSL
- hsl(203 56% 83%)
- HWB
- hwb(203 74% 7%)
- OKLCH
- oklch(0.872 0.04 234.3)
- OKLab
- oklab(0.872 -0.024 -0.033)
- CIE Lab
- lab(85.27 -7.44 -12.36)
- LCH
- lch(85.27 14.43 239)
- CMYK
- cmyk(20% 8% 0% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C3DEEE
- C9E1F0
- D0E5F2
- D7E9F4
- DDECF6
- E4F0F8
- EBF4F9
- F2F8FB
- F8FBFD
Sắc đậm
- A3BDCD
- 8BA2AF
- 738792
- 5D6C76
- 47545B
- 323C42
- 1F2529
- 0D1113
- 020203
Sắc xám
- B6D1E1
- B0C7D6
- AABECA
- A4B5BF
- 9EACB5
- 98A3AA
- 929A9F
- 8C9195
- 86898A
Hòa sắc
Bổ túc +180°
- BCDAEC
Diamond Soft Blue
- EBCEBC
≈ Golden Pop
Tương đồng -30° +30°
- BCDAEC
Diamond Soft Blue
- B7DDE1
≈ Basin Blue
- C8D5F0
≈ Murano Soft Blue
Bộ ba +120° +240°
- BCDAEC
Diamond Soft Blue
- ECCBD6
≈ Donquixote Doflamingo
- D4D8BA
≈ Pine Mist
Bổ túc chia +150° +210°
- BCDAEC
Diamond Soft Blue
- EFCBC8
≈ Kislev Pink
- E2D3B7
≈ Comfy Beige
Bộ bốn +90° +180° +270°
- BCDAEC
Diamond Soft Blue
- E3CCE4
≈ Pouf of Pink
- EBCEBC
≈ Golden Pop
- C5DCC5
≈ Mint Intermezzo
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.46:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.37:1 · APCA Lc 81
Màu chữ tốt nhất: #000000
WCAG 14.37:1 (AAA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--diamond-soft-blue: #bcdaec;
--diamond-soft-blue-rgb: 188 218 236;
--diamond-soft-blue-oklch: oklch(0.872 0.04 234.3);
}
.element {
color: var(--diamond-soft-blue);
background-color: hsl(203 56% 83%);
border-color: oklch(0.872 0.04 234.3);
}Tailwind CSS v4
@theme {
--color-diamond-soft-blue: #bcdaec;
--color-diamond-soft-blue-50: #ebf7ff;
--color-diamond-soft-blue-100: #dceaf4;
--color-diamond-soft-blue-200: #c5d7e4;
--color-diamond-soft-blue-300: #a5bbca;
--color-diamond-soft-blue-400: #88a3b3;
--color-diamond-soft-blue-500: #6c8b9d;
--color-diamond-soft-blue-600: #5c7685;
--color-diamond-soft-blue-700: #495e6b;
--color-diamond-soft-blue-800: #34454e;
--color-diamond-soft-blue-900: #243036;
--color-diamond-soft-blue-950: #131c21;
}SCSS
$diamond-soft-blue: #bcdaec;
$diamond-soft-blue-rgb: 188, 218, 236;
$diamond-soft-blue-light: mix(#fff, $diamond-soft-blue, 20%);
$diamond-soft-blue-dark: mix(#000, $diamond-soft-blue, 20%);
.element {
color: $diamond-soft-blue;
box-shadow: 0 0 0 2px rgba($diamond-soft-blue, 0.35);
}