最接近的命名颜色 · #C6A3E0
#C6A3E0
最接近的命名颜色: Enchanted Lavender
#C6A3E0（rgb(198 163 224)、hsl(274 50% 76%)、oklch(0.768 0.093 310.3)）最接近命名颜色 Enchanted Lavender。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C6A3E0
oklch(0.768 0.093 310.3)
颜色转换
- HEX
- #c6a3e0
- RGB
- rgb(198 163 224)
- HSL
- hsl(274 50% 76%)
- HWB
- hwb(274 64% 12%)
- OKLCH
- oklch(0.768 0.093 310.3)
- OKLab
- oklab(0.768 0.06 -0.071)
- CIE Lab
- lab(71.78 21.68 -26.04)
- LCH
- lch(71.78 33.88 309.8)
- CMYK
- cmyk(12% 27% 0% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- CCACE3
- D1B5E7
- D7BEEA
- DDC8ED
- E2D1F0
- E8DAF3
- EEE3F6
- F3ECF9
- F9F6FC
深色调
- AC8DC3
- 9278A6
- 7A638A
- 624F70
- 4B3C56
- 352A3E
- 211927
- 0E0A12
- 020102
灰色调
- BFA0D6
- B89CCC
- B199C3
- A995B9
- A292AF
- 9B8EA6
- 958B9C
- 8E8793
- 878489
配色和谐
互补色 +180°
- C6A3E0
Enchanted Lavender
- 9FC081
≈ Picnic
类似色 -30° +30°
- C6A3E0
Enchanted Lavender
- A8ADEE
≈ Wondrous Wisteria
- DC9CC6
≈ Lilac Chiffon
三角配色 +120° +240°
- C6A3E0
Enchanted Lavender
- DAA970
≈ Flower Field
- 64C7C1
≈ Chinese Lacquer
分裂互补色 +150° +210°
- C6A3E0
Enchanted Lavender
- C1B56E
≈ Kohlrabi
- 7CC69F
≈ Foul Green
四角配色 +90° +180° +270°
- C6A3E0
Enchanted Lavender
- E79F86
≈ Tonys Pink
- 9FC081
≈ Picnic
- 69C1DD
≈ Candid Blue
对比度与无障碍
Ag
Fail白底
WCAG 2.16:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.71:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
CSS
:root {
--enchanted-lavender: #c6a3e0;
--enchanted-lavender-rgb: 198 163 224;
--enchanted-lavender-oklch: oklch(0.768 0.093 310.3);
}
.element {
color: var(--enchanted-lavender);
background-color: hsl(274 50% 76%);
border-color: oklch(0.768 0.093 310.3);
}Tailwind CSS v4
@theme {
--color-enchanted-lavender: #c6a3e0;
--color-enchanted-lavender-50: #feeeff;
--color-enchanted-lavender-100: #f3e0ff;
--color-enchanted-lavender-200: #e2c9f2;
--color-enchanted-lavender-300: #c8aada;
--color-enchanted-lavender-400: #b08fc8;
--color-enchanted-lavender-500: #9974b4;
--color-enchanted-lavender-600: #826298;
--color-enchanted-lavender-700: #684f7a;
--color-enchanted-lavender-800: #4b395b;
--color-enchanted-lavender-900: #342740;
--color-enchanted-lavender-950: #201529;
}SCSS
$enchanted-lavender: #c6a3e0;
$enchanted-lavender-rgb: 198, 163, 224;
$enchanted-lavender-light: mix(#fff, $enchanted-lavender, 20%);
$enchanted-lavender-dark: mix(#000, $enchanted-lavender, 20%);
.element {
color: $enchanted-lavender;
box-shadow: 0 0 0 2px rgba($enchanted-lavender, 0.35);
}