Màu có tên gần nhất · #AA0E6F
#AA0E6F
Màu có tên gần nhất: Fabric of Love
#AA0E6F (rgb(170 14 111), hsl(323 85% 36%), oklch(0.491 0.197 350.5)) gần nhất với màu có tên Fabric of Love. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#AA0E6F
oklch(0.491 0.197 350.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B5357D
- C04F8A
- CA6798
- D47DA6
- DC92B5
- E5A8C3
- ECBED2
- F3D3E1
- F9E9F0
Sắc đậm
- 930B60
- 7D0751
- 680542
- 530334
- 3F0227
- 2D011A
- 1B000E
- 0B0004
- 010001
Sắc xám
- A82771
- A53673
- A24274
- 9F4D76
- 9B5778
- 976079
- 92687B
- 8D707D
- 87787E
Hòa sắc
Bổ túc +180°
- AA0E6F
Fabric of Love
- 007259
≈ Tropical Rainforest
Tương đồng -30° +30°
- AA0E6F
Fabric of Love
- 8F29A3
≈ Nebula Outpost
- B6002C
≈ Holly Jolly Christmas
Bộ ba +120° +240°
- AA0E6F
Fabric of Love
- 646500
≈ Earthy Khaki Green
- 006A8E
≈ Techno Blue
Bổ túc chia +150° +210°
- AA0E6F
Fabric of Love
- 1D7500
≈ Toy Camouflage
- 006E74
≈ Teal Motif
Bộ bốn +90° +180° +270°
- AA0E6F
Fabric of Love
- 7E5900
≈ Qahvei Brown
- 007259
≈ Tropical Rainforest
- 0956CD
≈ Dead Blue Eyes
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.99:1 · APCA Lc 82
Ag
FailTrên nền đen
WCAG 3.00:1 · APCA Lc 20
Màu chữ tốt nhất: #FFFFFF
WCAG 6.99:1 (AA) · APCA Lc 82
Contrast pairs
Đoạn mã
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);
}