最接近的命名颜色 · #9F4661
#9F4661
最接近的命名颜色: Velvet Wine
#9F4661（rgb(159 70 97)、hsl(342 39% 45%)、oklch(0.517 0.121 3.2)）最接近命名颜色 Velvet Wine。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9F4661
oklch(0.517 0.121 3.2)
颜色转换
- HEX
- #9f4661
- RGB
- rgb(159 70 97)
- HSL
- hsl(342 39% 45%)
- HWB
- hwb(342 27% 38%)
- OKLCH
- oklch(0.517 0.121 3.2)
- OKLab
- oklab(0.517 0.121 0.007)
- CIE Lab
- lab(42.5 39.73 3.19)
- LCH
- lch(42.5 39.86 4.6)
- CMYK
- cmyk(0% 56% 39% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- AA596F
- B56B7E
- BF7D8D
- C98F9D
- D3A1AD
- DCB3BD
- E5C6CD
- EED9DD
- F7ECEE
深色调
- 8A3C53
- 753246
- 612839
- 4D1E2D
- 3B1521
- 290D15
- 18050B
- 090203
- 010000
灰色调
- 9D4D64
- 9B5367
- 985A6A
- 965F6D
- 936570
- 906B73
- 8C7077
- 89767A
- 847B7D
配色和谐
互补色 +180°
- 9F4661
Velvet Wine
- 00796D
≈ Pond Moss
类似色 -30° +30°
- 9F4661
Velvet Wine
- 904B85
≈ Razzmic Berry
- A24A37
≈ Rodeo Red
三角配色 +120° +240°
- 9F4661
Velvet Wine
- 5B730F
≈ Fern Frond
- 0D6EA8
≈ Bowen Blue
分裂互补色 +150° +210°
- 9F4661
Velvet Wine
- 1B7B45
≈ Woodland Soul
- 007587
≈ Glamour Green
四角配色 +90° +180° +270°
- 9F4661
Velvet Wine
- 7D6600
≈ Arousing Alligator
- 00796D
≈ Pond Moss
- 5261AD
≈ Submarine Base
对比度与无障碍
Ag
AA白底
WCAG 5.96:1 · APCA Lc 79
Ag
Fail黑底
WCAG 3.52:1 · APCA Lc 23
最佳文字颜色: #FFFFFF
WCAG 5.96:1 (AA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--velvet-wine: #9f4661;
--velvet-wine-rgb: 159 70 97;
--velvet-wine-oklch: oklch(0.517 0.121 3.2);
}
.element {
color: var(--velvet-wine);
background-color: hsl(342 39% 45%);
border-color: oklch(0.517 0.121 3.2);
}Tailwind CSS v4
@theme {
--color-velvet-wine: #9f4661;
--color-velvet-wine-50: #ffe7f0;
--color-velvet-wine-100: #ffd8e2;
--color-velvet-wine-200: #ffbfcd;
--color-velvet-wine-300: #ed9daf;
--color-velvet-wine-400: #da7f97;
--color-velvet-wine-500: #c6607e;
--color-velvet-wine-600: #a7526b;
--color-velvet-wine-700: #864155;
--color-velvet-wine-800: #642f40;
--color-velvet-wine-900: #46202c;
--color-velvet-wine-950: #2d0f19;
}SCSS
$velvet-wine: #9f4661;
$velvet-wine-rgb: 159, 70, 97;
$velvet-wine-light: mix(#fff, $velvet-wine, 20%);
$velvet-wine-dark: mix(#000, $velvet-wine, 20%);
.element {
color: $velvet-wine;
box-shadow: 0 0 0 2px rgba($velvet-wine, 0.35);
}