Couleur nommée la plus proche · #AA0E6F
#AA0E6F
Couleur nommée la plus proche: Fabric of Love
#AA0E6F (rgb(170 14 111), hsl(323 85% 36%), oklch(0.491 0.197 350.5)) est la plus proche de la couleur nommée Fabric of Love. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AA0E6F
oklch(0.491 0.197 350.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- B5357D
- C04F8A
- CA6798
- D47DA6
- DC92B5
- E5A8C3
- ECBED2
- F3D3E1
- F9E9F0
Ombres
- 930B60
- 7D0751
- 680542
- 530334
- 3F0227
- 2D011A
- 1B000E
- 0B0004
- 010001
Tons
- A82771
- A53673
- A24274
- 9F4D76
- 9B5778
- 976079
- 92687B
- 8D707D
- 87787E
Harmonies de couleurs
Complémentaire +180°
- AA0E6F
Fabric of Love
- 007259
≈ Tropical Rainforest
Analogue -30° +30°
- AA0E6F
Fabric of Love
- 8F29A3
≈ Nebula Outpost
- B6002C
≈ Holly Jolly Christmas
Triadique +120° +240°
- AA0E6F
Fabric of Love
- 646500
≈ Earthy Khaki Green
- 006A8E
≈ Techno Blue
Complémentaire divisée +150° +210°
- AA0E6F
Fabric of Love
- 1D7500
≈ Toy Camouflage
- 006E74
≈ Teal Motif
Tétradique +90° +180° +270°
- AA0E6F
Fabric of Love
- 7E5900
≈ Qahvei Brown
- 007259
≈ Tropical Rainforest
- 0956CD
≈ Dead Blue Eyes
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.99:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.00:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.99:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
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);
}