最接近的命名颜色 · #C5BFF0
#C5BFF0
最接近的命名颜色: Innocent Snowdrop
#C5BFF0（rgb(197 191 240)、hsl(247 62% 85%)、oklch(0.826 0.068 290.4)）最接近命名颜色 Innocent Snowdrop。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C5BFF0
oklch(0.826 0.068 290.4)
颜色转换
- HEX
- #c5bff0
- RGB
- rgb(197 191 240)
- HSL
- hsl(247 62% 85%)
- HWB
- hwb(247 75% 6%)
- OKLCH
- oklch(0.826 0.068 290.4)
- OKLab
- oklab(0.826 0.024 -0.064)
- CIE Lab
- lab(79.07 9.53 -23.65)
- LCH
- lch(79.07 25.5 292)
- CMYK
- cmyk(18% 20% 0% 6%)
浅色调 · 深色调 · 灰色调
浅色调
- CBC5F2
- D0CCF3
- D6D2F5
- DCD8F7
- E1DFF8
- E7E5FA
- EDECFB
- F3F2FC
- F9F9FE
深色调
- ABA6D1
- 928DB2
- 797595
- 615E78
- 4B485D
- 353343
- 211F2A
- 0E0D14
- 020203
灰色调
- BEB9E4
- B7B2D9
- B0ACCD
- A9A5C2
- A29FB7
- 9B99AC
- 9493A1
- 8D8C96
- 87868B
配色和谐
互补色 +180°
- C5BFF0
Innocent Snowdrop
- C8CB97
≈ Vegetarian Vulture
类似色 -30° +30°
- C5BFF0
Innocent Snowdrop
- ADC7F3
≈ Tropical Blue
- DBB8E2
≈ Pretty Petunia
三角配色 +120° +240°
- C5BFF0
Innocent Snowdrop
- EBBA9E
≈ Sunset Drive
- 99D5C0
≈ Apple II Blue
分裂互补色 +150° +210°
- C5BFF0
Innocent Snowdrop
- DDC294
≈ Dirty Blonde
- AFD2A8
≈ Apium
四角配色 +90° +180° +270°
- C5BFF0
Innocent Snowdrop
- EFB5B3
≈ Camille Pink
- C8CB97
≈ Vegetarian Vulture
- 90D4D8
≈ Aqua Bloom
对比度与无障碍
Ag
Fail白底
WCAG 1.73:1 · APCA Lc 32
Ag
AAA黑底
WCAG 12.08:1 · APCA Lc 71
最佳文字颜色: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
代码片段
CSS
:root {
--innocent-snowdrop: #c5bff0;
--innocent-snowdrop-rgb: 197 191 240;
--innocent-snowdrop-oklch: oklch(0.826 0.068 290.4);
}
.element {
color: var(--innocent-snowdrop);
background-color: hsl(247 62% 85%);
border-color: oklch(0.826 0.068 290.4);
}Tailwind CSS v4
@theme {
--color-innocent-snowdrop: #c5bff0;
--color-innocent-snowdrop-50: #f5f2ff;
--color-innocent-snowdrop-100: #e8e4fd;
--color-innocent-snowdrop-200: #d4cff0;
--color-innocent-snowdrop-300: #b8b2d8;
--color-innocent-snowdrop-400: #9e98c5;
--color-innocent-snowdrop-500: #857eb1;
--color-innocent-snowdrop-600: #716b95;
--color-innocent-snowdrop-700: #5a5678;
--color-innocent-snowdrop-800: #413f59;
--color-innocent-snowdrop-900: #2d2b3e;
--color-innocent-snowdrop-950: #1a1827;
}SCSS
$innocent-snowdrop: #c5bff0;
$innocent-snowdrop-rgb: 197, 191, 240;
$innocent-snowdrop-light: mix(#fff, $innocent-snowdrop, 20%);
$innocent-snowdrop-dark: mix(#000, $innocent-snowdrop, 20%);
.element {
color: $innocent-snowdrop;
box-shadow: 0 0 0 2px rgba($innocent-snowdrop, 0.35);
}