Colore con nome più vicino · #A11B73
#A11B73
Colore con nome più vicino: Fabric of Love
#A11B73 (rgb(161 27 115), hsl(321 71% 37%), oklch(0.483 0.185 346.5)) è più vicino al colore con nome Fabric of Love. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A11B73
oklch(0.483 0.185 346.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- AD3A80
- B8528E
- C3689B
- CD7EA9
- D793B7
- E0A9C5
- E8BED3
- F0D4E2
- F8E9F0
Ombre
- 8B1663
- 761154
- 620C45
- 4E0836
- 3C0528
- 2A021B
- 19010F
- 090005
- 010001
Toni
- 9F2D74
- 9D3A76
- 9B4577
- 994F79
- 96587A
- 92617B
- 8F697C
- 8A717E
- 86787F
Armonie di colore
Complementare +180°
- A11B73
Fabric of Love
- 007052
≈ Natural Watercourse
Analogo -30° +30°
- A11B73
Fabric of Love
- 862FA2
≈ Pleasant Purple
- AE1037
≈ Rouge
Triadico +120° +240°
- A11B73
Fabric of Love
- 666100
≈ Green Brown
- 006886
≈ Ansel
Complementare divisa +150° +210°
- A11B73
Fabric of Love
- 326F00
≈ Tatzelwurm Green
- 006C6E
≈ Byzantine Blue
Tetradico +90° +180° +270°
- A11B73
Fabric of Love
- 7E5500
≈ Intense Brown
- 007052
≈ Natural Watercourse
- 005ABA
≈ London Rain
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.19:1 · APCA Lc 83
Ag
FailSu nero
WCAG 2.91:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
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);
}