En yakın adlandırılmış renk · #A11B73
#A11B73
En yakın adlandırılmış renk: Fabric of Love
#A11B73 (rgb(161 27 115), hsl(321 71% 37%), oklch(0.483 0.185 346.5)) en çok Fabric of Love adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A11B73
oklch(0.483 0.185 346.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AD3A80
- B8528E
- C3689B
- CD7EA9
- D793B7
- E0A9C5
- E8BED3
- F0D4E2
- F8E9F0
Koyu tonlar
- 8B1663
- 761154
- 620C45
- 4E0836
- 3C0528
- 2A021B
- 19010F
- 090005
- 010001
Gri tonlar
- 9F2D74
- 9D3A76
- 9B4577
- 994F79
- 96587A
- 92617B
- 8F697C
- 8A717E
- 86787F
Renk uyumları
Tamamlayıcı +180°
- A11B73
Fabric of Love
- 007052
≈ Natural Watercourse
Analog -30° +30°
- A11B73
Fabric of Love
- 862FA2
≈ Pleasant Purple
- AE1037
≈ Rouge
Üçlü +120° +240°
- A11B73
Fabric of Love
- 666100
≈ Green Brown
- 006886
≈ Ansel
Bölünmüş tamamlayıcı +150° +210°
- A11B73
Fabric of Love
- 326F00
≈ Tatzelwurm Green
- 006C6E
≈ Byzantine Blue
Dörtlü +90° +180° +270°
- A11B73
Fabric of Love
- 7E5500
≈ Intense Brown
- 007052
≈ Natural Watercourse
- 005ABA
≈ London Rain
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.19:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 2.91:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
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);
}