Najbliższy nazwany kolor · #AA1B9E
#AA1B9E
Najbliższy nazwany kolor: Magentle
#AA1B9E (rgb(170 27 158), hsl(305 73% 39%), oklch(0.52 0.218 332.2)) jest najbliższy nazwanemu kolorowi Magentle. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AA1B9E
oklch(0.52 0.218 332.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B53DA8
- BF56B2
- C86CBC
- D182C6
- DA97D0
- E2ACD9
- EAC1E3
- F2D5EC
- F9EAF6
Odcienie ciemniejsze
- 931689
- 7D1174
- 680C60
- 53084D
- 3F053A
- 2D0229
- 1B0118
- 0B0009
- 010001
Tony
- A72F9B
- A43D99
- A14896
- 9D5293
- 995B90
- 95638D
- 906B8A
- 8B7287
- 867984
Harmonie kolorów
Komplementarna +180°
- AA1B9E
Magentle
- 007E3F
≈ Charmed Green
Analogowa -30° +30°
- AA1B9E
Magentle
- 8337CD
≈ Thick Purple
- BF005F
≈ Spiced Purple
Triada +120° +240°
- AA1B9E
Magentle
- 7F6600
≈ Arousing Alligator
- 007687
≈ Glamour Green
Komplementarna rozszczepiona +150° +210°
- AA1B9E
Magentle
- 5D7300
≈ Topiary Green
- 007A6D
≈ Pond Moss
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.25:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.35:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.25:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
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);
}