最接近的命名颜色 · #AA0E6F
#AA0E6F
最接近的命名颜色: Fabric of Love
#AA0E6F（rgb(170 14 111)、hsl(323 85% 36%)、oklch(0.491 0.197 350.5)）最接近命名颜色 Fabric of Love。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#AA0E6F
oklch(0.491 0.197 350.5)
颜色转换
- HEX
- #aa0e6f
- RGB
- rgb(170 14 111)
- HSL
- hsl(323 85% 36%)
- HWB
- hwb(323 5% 33%)
- OKLCH
- oklch(0.491 0.197 350.5)
- OKLab
- oklab(0.491 0.195 -0.033)
- CIE Lab
- lab(38.24 62.05 -11.53)
- LCH
- lch(38.24 63.11 349.5)
- CMYK
- cmyk(0% 92% 35% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- B5357D
- C04F8A
- CA6798
- D47DA6
- DC92B5
- E5A8C3
- ECBED2
- F3D3E1
- F9E9F0
深色调
- 930B60
- 7D0751
- 680542
- 530334
- 3F0227
- 2D011A
- 1B000E
- 0B0004
- 010001
灰色调
- A82771
- A53673
- A24274
- 9F4D76
- 9B5778
- 976079
- 92687B
- 8D707D
- 87787E
配色和谐
互补色 +180°
- AA0E6F
Fabric of Love
- 007259
≈ Tropical Rainforest
类似色 -30° +30°
- AA0E6F
Fabric of Love
- 8F29A3
≈ Nebula Outpost
- B6002C
≈ Holly Jolly Christmas
三角配色 +120° +240°
- AA0E6F
Fabric of Love
- 646500
≈ Earthy Khaki Green
- 006A8E
≈ Techno Blue
分裂互补色 +150° +210°
- AA0E6F
Fabric of Love
- 1D7500
≈ Toy Camouflage
- 006E74
≈ Teal Motif
四角配色 +90° +180° +270°
- AA0E6F
Fabric of Love
- 7E5900
≈ Qahvei Brown
- 007259
≈ Tropical Rainforest
- 0956CD
≈ Dead Blue Eyes
对比度与无障碍
Ag
AA白底
WCAG 6.99:1 · APCA Lc 82
Ag
Fail黑底
WCAG 3.00:1 · APCA Lc 20
最佳文字颜色: #FFFFFF
WCAG 6.99:1 (AA) · APCA Lc 82
Contrast pairs
代码片段
CSS
:root {
--fabric-of-love: #aa0e6f;
--fabric-of-love-rgb: 170 14 111;
--fabric-of-love-oklch: oklch(0.491 0.197 350.5);
}
.element {
color: var(--fabric-of-love);
background-color: hsl(323 85% 36%);
border-color: oklch(0.491 0.197 350.5);
}Tailwind CSS v4
@theme {
--color-fabric-of-love: #aa0e6f;
--color-fabric-of-love-50: #ffdefb;
--color-fabric-of-love-100: #ffcdee;
--color-fabric-of-love-200: #ffb0dc;
--color-fabric-of-love-300: #ff8ac1;
--color-fabric-of-love-400: #f065ae;
--color-fabric-of-love-500: #de3997;
--color-fabric-of-love-600: #bb3280;
--color-fabric-of-love-700: #972866;
--color-fabric-of-love-800: #701c4e;
--color-fabric-of-love-900: #4f1236;
--color-fabric-of-love-950: #340321;
}SCSS
$fabric-of-love: #aa0e6f;
$fabric-of-love-rgb: 170, 14, 111;
$fabric-of-love-light: mix(#fff, $fabric-of-love, 20%);
$fabric-of-love-dark: mix(#000, $fabric-of-love, 20%);
.element {
color: $fabric-of-love;
box-shadow: 0 0 0 2px rgba($fabric-of-love, 0.35);
}