最接近的命名颜色 · #8F66AC
#8F66AC
最接近的命名颜色: Crown Jewels
#8F66AC（rgb(143 102 172)、hsl(275 30% 54%)、oklch(0.58 0.113 310.2)）最接近命名颜色 Crown Jewels。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#8F66AC
oklch(0.58 0.113 310.2)
颜色转换
- HEX
- #8f66ac
- RGB
- rgb(143 102 172)
- HSL
- hsl(275 30% 54%)
- HWB
- hwb(275 40% 33%)
- OKLCH
- oklch(0.58 0.113 310.2)
- OKLab
- oklab(0.58 0.073 -0.086)
- CIE Lab
- lab(49.66 27.04 -31.31)
- LCH
- lch(49.66 41.37 310.8)
- CMYK
- cmyk(17% 41% 0% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- 9A75B5
- A584BD
- B093C6
- BBA2CE
- C6B1D6
- D1C0DE
- DCD0E7
- E8DFEF
- F3EFF7
深色调
- 7C5895
- 694A7F
- 573C69
- 452F54
- 342340
- 24172D
- 150C1B
- 07040B
- 010001
灰色调
- 8E69A8
- 8C6CA4
- 8B6F9F
- 89729B
- 887497
- 867792
- 85798E
- 837B89
- 827E85
配色和谐
互补色 +180°
- 8F66AC
Crown Jewels
- 63873B
≈ Stamnankáthi Green
类似色 -30° +30°
- 8F66AC
Crown Jewels
- 6E71BC
≈ Wind Star
- A65E8F
≈ Cyclamen Red
三角配色 +120° +240°
- 8F66AC
Crown Jewels
- A46D1F
≈ Buckthorn Brown
- 008D88
≈ Greenish Blue
分裂互补色 +150° +210°
- 8F66AC
Crown Jewels
- 8A7B18
≈ Jīn Zōng Gold
- 2C8E63
≈ Viridian
四角配色 +90° +180° +270°
- 8F66AC
Crown Jewels
- B26144
≈ Georgia Clay
- 63873B
≈ Stamnankáthi Green
- 0088A6
≈ Caribbean Sea
对比度与无障碍
Ag
AA白底
WCAG 4.50:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.66:1 · APCA Lc 31
最佳文字颜色: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
代码片段
CSS
:root {
--crown-jewels: #8f66ac;
--crown-jewels-rgb: 143 102 172;
--crown-jewels-oklch: oklch(0.58 0.113 310.2);
}
.element {
color: var(--crown-jewels);
background-color: hsl(275 30% 54%);
border-color: oklch(0.58 0.113 310.2);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #8f66ac;
--color-crown-jewels-50: #ffecff;
--color-crown-jewels-100: #f5deff;
--color-crown-jewels-200: #e5c7f8;
--color-crown-jewels-300: #cba7e2;
--color-crown-jewels-400: #b38bd0;
--color-crown-jewels-500: #9d6fbe;
--color-crown-jewels-600: #855ea0;
--color-crown-jewels-700: #6a4b81;
--color-crown-jewels-800: #4d3760;
--color-crown-jewels-900: #362644;
--color-crown-jewels-950: #21142c;
}SCSS
$crown-jewels: #8f66ac;
$crown-jewels-rgb: 143, 102, 172;
$crown-jewels-light: mix(#fff, $crown-jewels, 20%);
$crown-jewels-dark: mix(#000, $crown-jewels, 20%);
.element {
color: $crown-jewels;
box-shadow: 0 0 0 2px rgba($crown-jewels, 0.35);
}