Màu có tên gần nhất · #A11B73
#A11B73
Màu có tên gần nhất: Fabric of Love
#A11B73 (rgb(161 27 115), hsl(321 71% 37%), oklch(0.483 0.185 346.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.
#A11B73
oklch(0.483 0.185 346.5)
Chuyển đổi màu
- HEX
- #a11b73
- RGB
- rgb(161 27 115)
- HSL
- hsl(321 71% 37%)
- HWB
- hwb(321 11% 37%)
- OKLCH
- oklch(0.483 0.185 346.5)
- OKLab
- oklab(0.483 0.18 -0.043)
- CIE Lab
- lab(37.4 57.77 -15.52)
- LCH
- lch(37.4 59.82 345)
- CMYK
- cmyk(0% 83% 29% 37%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AD3A80
- B8528E
- C3689B
- CD7EA9
- D793B7
- E0A9C5
- E8BED3
- F0D4E2
- F8E9F0
Sắc đậm
- 8B1663
- 761154
- 620C45
- 4E0836
- 3C0528
- 2A021B
- 19010F
- 090005
- 010001
Sắc xám
- 9F2D74
- 9D3A76
- 9B4577
- 994F79
- 96587A
- 92617B
- 8F697C
- 8A717E
- 86787F
Hòa sắc
Bổ túc +180°
- A11B73
Fabric of Love
- 007052
≈ Natural Watercourse
Tương đồng -30° +30°
- A11B73
Fabric of Love
- 862FA2
≈ Pleasant Purple
- AE1037
≈ Rouge
Bộ ba +120° +240°
- A11B73
Fabric of Love
- 666100
≈ Green Brown
- 006886
≈ Ansel
Bổ túc chia +150° +210°
- A11B73
Fabric of Love
- 326F00
≈ Tatzelwurm Green
- 006C6E
≈ Byzantine Blue
Bộ bốn +90° +180° +270°
- A11B73
Fabric of Love
- 7E5500
≈ Intense Brown
- 007052
≈ Natural Watercourse
- 005ABA
≈ London Rain
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.19:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 2.91:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--fabric-of-love: #a11b73;
--fabric-of-love-rgb: 161 27 115;
--fabric-of-love-oklch: oklch(0.483 0.185 346.5);
}
.element {
color: var(--fabric-of-love);
background-color: hsl(321 71% 37%);
border-color: oklch(0.483 0.185 346.5);
}Tailwind CSS v4
@theme {
--color-fabric-of-love: #a11b73;
--color-fabric-of-love-50: #ffe0fe;
--color-fabric-of-love-100: #ffcff2;
--color-fabric-of-love-200: #ffb3e1;
--color-fabric-of-love-300: #fc8ec7;
--color-fabric-of-love-400: #e96ab4;
--color-fabric-of-love-500: #d6439f;
--color-fabric-of-love-600: #b53a86;
--color-fabric-of-love-700: #922f6b;
--color-fabric-of-love-800: #6c2151;
--color-fabric-of-love-900: #4c1639;
--color-fabric-of-love-950: #320623;
}SCSS
$fabric-of-love: #a11b73;
$fabric-of-love-rgb: 161, 27, 115;
$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);
}