Nächste benannte Farbe · #AA0E6F
#AA0E6F
Nächste benannte Farbe: Fabric of Love
#AA0E6F (rgb(170 14 111), hsl(323 85% 36%), oklch(0.491 0.197 350.5)) liegt am nächsten an der benannten Farbe Fabric of Love. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#AA0E6F
oklch(0.491 0.197 350.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- B5357D
- C04F8A
- CA6798
- D47DA6
- DC92B5
- E5A8C3
- ECBED2
- F3D3E1
- F9E9F0
Shades
- 930B60
- 7D0751
- 680542
- 530334
- 3F0227
- 2D011A
- 1B000E
- 0B0004
- 010001
Tones
- A82771
- A53673
- A24274
- 9F4D76
- 9B5778
- 976079
- 92687B
- 8D707D
- 87787E
Farbharmonien
Komplementär +180°
- AA0E6F
Fabric of Love
- 007259
≈ Tropical Rainforest
Analog -30° +30°
- AA0E6F
Fabric of Love
- 8F29A3
≈ Nebula Outpost
- B6002C
≈ Holly Jolly Christmas
Triadisch +120° +240°
- AA0E6F
Fabric of Love
- 646500
≈ Earthy Khaki Green
- 006A8E
≈ Techno Blue
Geteilt komplementär +150° +210°
- AA0E6F
Fabric of Love
- 1D7500
≈ Toy Camouflage
- 006E74
≈ Teal Motif
Tetradisch +90° +180° +270°
- AA0E6F
Fabric of Love
- 7E5900
≈ Qahvei Brown
- 007259
≈ Tropical Rainforest
- 0956CD
≈ Dead Blue Eyes
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.99:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.00:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.99:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
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);
}