最接近的命名颜色 · #796295
#796295
最接近的命名颜色: Scampi
#796295（rgb(121 98 149)、hsl(267 21% 48%)、oklch(0.539 0.082 304.5)）最接近命名颜色 Scampi。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#796295
oklch(0.539 0.082 304.5)
颜色转换
- HEX
- #796295
- RGB
- rgb(121 98 149)
- HSL
- hsl(267 21% 48%)
- HWB
- hwb(267 38% 42%)
- OKLCH
- oklch(0.539 0.082 304.5)
- OKLab
- oklab(0.539 0.046 -0.068)
- CIE Lab
- lab(45.4 17.56 -24.62)
- LCH
- lch(45.4 30.24 305.5)
- CMYK
- cmyk(19% 34% 0% 42%)
浅色调 · 深色调 · 灰色调
浅色调
- 8671A0
- 9280AA
- 9F8FB5
- AC9EBF
- BAAECA
- C7BED4
- D5CEDF
- E3DEEA
- F1EEF4
深色调
- 685481
- 58476D
- 483A5A
- 392D48
- 2B2137
- 1D1626
- 100B16
- 050308
- 010001
灰色调
- 7A6593
- 7A6891
- 7B6B8F
- 7C6E8D
- 7C718B
- 7D7489
- 7E7787
- 7F7A85
- 7F7D82
配色和谐
互补色 +180°
- 796295
Scampi
- 647740
≈ Ghoul
类似色 -30° +30°
- 796295
Scampi
- 606A9E
≈ Dark Horizon
- 8C5C82
≈ Antique Fuchsia
三角配色 +120° +240°
- 796295
Scampi
- 8F6438
≈ Oregon Hazel
- 277E74
≈ Elegant Silk
分裂互补色 +150° +210°
- 796295
Scampi
- 7E6E32
≈ Time Honoured
- 457C59
≈ Rokushō Green
四角配色 +90° +180° +270°
- 796295
Scampi
- 985C4E
≈ Red Potato
- 647740
≈ Ghoul
- 267A8C
≈ Bermuda
对比度与无障碍
Ag
AA白底
WCAG 5.25:1 · APCA Lc 76
Ag
Fail黑底
WCAG 3.99:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--scampi: #796295;
--scampi-rgb: 121 98 149;
--scampi-oklch: oklch(0.539 0.082 304.5);
}
.element {
color: var(--scampi);
background-color: hsl(267 21% 48%);
border-color: oklch(0.539 0.082 304.5);
}Tailwind CSS v4
@theme {
--color-scampi: #796295;
--color-scampi-50: #fbf0ff;
--color-scampi-100: #efe1fe;
--color-scampi-200: #ddccf1;
--color-scampi-300: #c2add9;
--color-scampi-400: #a993c6;
--color-scampi-500: #9278b2;
--color-scampi-600: #7c6697;
--color-scampi-700: #635179;
--color-scampi-800: #483b5a;
--color-scampi-900: #32293f;
--color-scampi-950: #1e1728;
}SCSS
$scampi: #796295;
$scampi-rgb: 121, 98, 149;
$scampi-light: mix(#fff, $scampi, 20%);
$scampi-dark: mix(#000, $scampi, 20%);
.element {
color: $scampi;
box-shadow: 0 0 0 2px rgba($scampi, 0.35);
}