最接近的命名颜色 · #C682CF
#C682CF
最接近的命名颜色: Violaceous
#C682CF（rgb(198 130 207)、hsl(293 45% 66%)、oklch(0.703 0.132 322.7)）最接近命名颜色 Violaceous。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C682CF
oklch(0.703 0.132 322.7)
颜色转换
- HEX
- #c682cf
- RGB
- rgb(198 130 207)
- HSL
- hsl(293 45% 66%)
- HWB
- hwb(293 51% 19%)
- OKLCH
- oklch(0.703 0.132 322.7)
- OKLab
- oklab(0.703 0.105 -0.08)
- CIE Lab
- lab(63.63 36.22 -29.09)
- LCH
- lch(63.63 46.46 321.2)
- CMYK
- cmyk(4% 37% 0% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- CC8FD4
- D29BD9
- D8A8DE
- DEB4E3
- E4C0E8
- E9CDED
- EFD9F1
- F4E6F6
- FAF2FB
深色调
- AC70B4
- 925F99
- 7A4E7F
- 623E67
- 4B2F4F
- 352038
- 211223
- 0E0610
- 020102
灰色调
- BF82C7
- B883BF
- B183B7
- AA83AF
- A382A7
- 9C82A0
- 958298
- 8E8190
- 878188
配色和谐
互补色 +180°
- C682CF
Violaceous
- 6BB466
≈ Boring Green
类似色 -30° +30°
- C682CF
Violaceous
- A28FEA
≈ Perrywinkle
- DD7BA7
≈ Pinking. Fast and Slow
三角配色 +120° +240°
- C682CF
Violaceous
- C79629
≈ Tawny Olive
- 00B5C0
≈ Lago Blue
分裂互补色 +150° +210°
- C682CF
Violaceous
- A1A739
≈ Mikado Green
- 18B997
≈ Aoife’s Green
四角配色 +90° +180° +270°
- C682CF
Violaceous
- DF864B
≈ Schnipo
- 6BB466
≈ Boring Green
- 2EACE3
≈ Royal Peacock
对比度与无障碍
Ag
Fail白底
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.49:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--violaceous: #c682cf;
--violaceous-rgb: 198 130 207;
--violaceous-oklch: oklch(0.703 0.132 322.7);
}
.element {
color: var(--violaceous);
background-color: hsl(293 45% 66%);
border-color: oklch(0.703 0.132 322.7);
}Tailwind CSS v4
@theme {
--color-violaceous: #c682cf;
--color-violaceous-50: #ffe9ff;
--color-violaceous-100: #ffdaff;
--color-violaceous-200: #f1c1f4;
--color-violaceous-300: #daa0dd;
--color-violaceous-400: #c383cc;
--color-violaceous-500: #af65b9;
--color-violaceous-600: #94569c;
--color-violaceous-700: #76457d;
--color-violaceous-800: #56325e;
--color-violaceous-900: #3c2242;
--color-violaceous-950: #26112a;
}SCSS
$violaceous: #c682cf;
$violaceous-rgb: 198, 130, 207;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}