Nächste benannte Farbe · #AA1B9E
#AA1B9E
Nächste benannte Farbe: Magentle
#AA1B9E (rgb(170 27 158), hsl(305 73% 39%), oklch(0.52 0.218 332.2)) liegt am nächsten an der benannten Farbe Magentle. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#AA1B9E
oklch(0.52 0.218 332.2)
Farbumrechnungen
- HEX
- #aa1b9e
- RGB
- rgb(170 27 158)
- HSL
- hsl(305 73% 39%)
- HWB
- hwb(305 11% 33%)
- OKLCH
- oklch(0.52 0.218 332.2)
- OKLab
- oklab(0.52 0.193 -0.101)
- CIE Lab
- lab(40.9 64.12 -36.37)
- LCH
- lch(40.9 73.72 330.4)
- CMYK
- cmyk(0% 84% 7% 33%)
Tints · Shades · Tones
Tints
- B53DA8
- BF56B2
- C86CBC
- D182C6
- DA97D0
- E2ACD9
- EAC1E3
- F2D5EC
- F9EAF6
Shades
- 931689
- 7D1174
- 680C60
- 53084D
- 3F053A
- 2D0229
- 1B0118
- 0B0009
- 010001
Tones
- A72F9B
- A43D99
- A14896
- 9D5293
- 995B90
- 95638D
- 906B8A
- 8B7287
- 867984
Farbharmonien
Komplementär +180°
- AA1B9E
Magentle
- 007E3F
≈ Charmed Green
Analog -30° +30°
- AA1B9E
Magentle
- 8337CD
≈ Thick Purple
- BF005F
≈ Spiced Purple
Triadisch +120° +240°
- AA1B9E
Magentle
- 7F6600
≈ Arousing Alligator
- 007687
≈ Glamour Green
Geteilt komplementär +150° +210°
- AA1B9E
Magentle
- 5D7300
≈ Topiary Green
- 007A6D
≈ Pond Moss
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.25:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.35:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.25:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--magentle: #aa1b9e;
--magentle-rgb: 170 27 158;
--magentle-oklch: oklch(0.52 0.218 332.2);
}
.element {
color: var(--magentle);
background-color: hsl(305 73% 39%);
border-color: oklch(0.52 0.218 332.2);
}Tailwind CSS v4
@theme {
--color-magentle: #aa1b9e;
--color-magentle-50: #ffdeff;
--color-magentle-100: #ffcdff;
--color-magentle-200: #ffb0fa;
--color-magentle-300: #f989e4;
--color-magentle-400: #e564d6;
--color-magentle-500: #d236c4;
--color-magentle-600: #b131a5;
--color-magentle-700: #8f2785;
--color-magentle-800: #691b65;
--color-magentle-900: #4a1247;
--color-magentle-950: #30032e;
}SCSS
$magentle: #aa1b9e;
$magentle-rgb: 170, 27, 158;
$magentle-light: mix(#fff, $magentle, 20%);
$magentle-dark: mix(#000, $magentle, 20%);
.element {
color: $magentle;
box-shadow: 0 0 0 2px rgba($magentle, 0.35);
}