最接近的命名颜色 · #C2BFE4
#C2BFE4
最接近的命名颜色: Digital Lavender
#C2BFE4（rgb(194 191 228)、hsl(245 41% 82%)、oklch(0.819 0.052 288.9)）最接近命名颜色 Digital Lavender。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C2BFE4
oklch(0.819 0.052 288.9)
颜色转换
- HEX
- #c2bfe4
- RGB
- rgb(194 191 228)
- HSL
- hsl(245 41% 82%)
- HWB
- hwb(245 75% 11%)
- OKLCH
- oklch(0.819 0.052 288.9)
- OKLab
- oklab(0.819 0.017 -0.049)
- CIE Lab
- lab(78.49 6.58 -18.13)
- LCH
- lch(78.49 19.29 289.9)
- CMYK
- cmyk(15% 16% 0% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- C8C5E7
- CECCEA
- D4D2EC
- DAD8EF
- E0DFF2
- E6E5F4
- ECECF7
- F2F2FA
- F9F9FC
深色调
- A8A6C6
- 8F8DA9
- 77758D
- 605E72
- 494858
- 34333F
- 201F28
- 0E0D12
- 020203
灰色调
- BBB9DA
- B4B2CF
- AEACC5
- A7A5BB
- A09FB1
- 9A99A7
- 93939D
- 8D8C93
- 86868A
配色和谐
互补色 +180°
- C2BFE4
Digital Lavender
- C6C7A1
≈ Watercress Pesto
类似色 -30° +30°
- C2BFE4
Digital Lavender
- B0C5E6
≈ Promise Keeping
- D3BADA
≈ Pussyfoot
三角配色 +120° +240°
- C2BFE4
Digital Lavender
- E1BBA7
≈ Pickled Pork
- A4CFBE
≈ Swimming Pool Green
分裂互补色 +150° +210°
- C2BFE4
Digital Lavender
- D6C19F
≈ Gold Wash
- B3CCAC
≈ Spring Fields
四角配色 +90° +180° +270°
- C2BFE4
Digital Lavender
- E4B7B7
≈ Bistro Pink
- C6C7A1
≈ Watercress Pesto
- 9DCFD0
≈ Morning Glory
对比度与无障碍
Ag
Fail白底
WCAG 1.76:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.86:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--digital-lavender: #c2bfe4;
--digital-lavender-rgb: 194 191 228;
--digital-lavender-oklch: oklch(0.819 0.052 288.9);
}
.element {
color: var(--digital-lavender);
background-color: hsl(245 41% 82%);
border-color: oklch(0.819 0.052 288.9);
}Tailwind CSS v4
@theme {
--color-digital-lavender: #c2bfe4;
--color-digital-lavender-50: #f5f3ff;
--color-digital-lavender-100: #e7e5f8;
--color-digital-lavender-200: #d4d1e9;
--color-digital-lavender-300: #b7b3d1;
--color-digital-lavender-400: #9d9abc;
--color-digital-lavender-500: #8581a7;
--color-digital-lavender-600: #706d8d;
--color-digital-lavender-700: #5a5771;
--color-digital-lavender-800: #414054;
--color-digital-lavender-900: #2d2c3a;
--color-digital-lavender-950: #1a1924;
}SCSS
$digital-lavender: #c2bfe4;
$digital-lavender-rgb: 194, 191, 228;
$digital-lavender-light: mix(#fff, $digital-lavender, 20%);
$digital-lavender-dark: mix(#000, $digital-lavender, 20%);
.element {
color: $digital-lavender;
box-shadow: 0 0 0 2px rgba($digital-lavender, 0.35);
}