Najbliższy nazwany kolor · #A32899
#A32899
Najbliższy nazwany kolor: Purple Ink
#A32899 (rgb(163 40 153), hsl(305 61% 40%), oklch(0.514 0.199 331.7)) jest najbliższy nazwanemu kolorowi Purple Ink. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A32899
oklch(0.514 0.199 331.7)
Konwersje koloru
- HEX
- #a32899
- RGB
- rgb(163 40 153)
- HSL
- hsl(305 61% 40%)
- HWB
- hwb(305 16% 36%)
- OKLCH
- oklch(0.514 0.199 331.7)
- OKLab
- oklab(0.514 0.175 -0.095)
- CIE Lab
- lab(40.57 58.61 -33.98)
- LCH
- lch(40.57 67.74 329.9)
- CMYK
- cmyk(0% 75% 6% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AE43A3
- B85AAE
- C370B8
- CC84C3
- D699CD
- DFADD7
- E7C1E1
- F0D6EB
- F7EAF5
Odcienie ciemniejsze
- 8D2184
- 781B70
- 63155D
- 4F0F4A
- 3C0938
- 2A0427
- 190217
- 0A0108
- 010001
Tony
- A13697
- 9E4295
- 9B4C93
- 995590
- 955D8E
- 92648B
- 8E6C89
- 8A7386
- 857983
Harmonie kolorów
Komplementarna +180°
- A32899
Purple Ink
- 007C3D
≈ Jordan Jazz
Analogowa -30° +30°
- A32899
Purple Ink
- 7E3EC4
≈ Purple Rain
- B9125F
≈ Spiced Purple
Triada +120° +240°
- A32899
Purple Ink
- 7D6400
≈ Arousing Alligator
- 007485
≈ Glamour Green
Komplementarna rozszczepiona +150° +210°
- A32899
Purple Ink
- 5C7100
≈ Fern Frond
- 00786B
≈ Pond Moss
Tetrada +90° +180° +270°
- A32899
Purple Ink
- 965500
≈ Charlie Brown
- 007C3D
≈ Jordan Jazz
- 006EA6
≈ Bowen Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.32:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.32:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.32:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-ink: #a32899;
--purple-ink-rgb: 163 40 153;
--purple-ink-oklch: oklch(0.514 0.199 331.7);
}
.element {
color: var(--purple-ink);
background-color: hsl(305 61% 40%);
border-color: oklch(0.514 0.199 331.7);
}Tailwind CSS v4
@theme {
--color-purple-ink: #a32899;
--color-purple-ink-50: #ffe0ff;
--color-purple-ink-100: #ffcfff;
--color-purple-ink-200: #ffb4f8;
--color-purple-ink-300: #f38ee2;
--color-purple-ink-400: #df6bd2;
--color-purple-ink-500: #cc43c0;
--color-purple-ink-600: #ac3ba2;
--color-purple-ink-700: #8a2f82;
--color-purple-ink-800: #662163;
--color-purple-ink-900: #481645;
--color-purple-ink-950: #2e062d;
}SCSS
$purple-ink: #a32899;
$purple-ink-rgb: 163, 40, 153;
$purple-ink-light: mix(#fff, $purple-ink, 20%);
$purple-ink-dark: mix(#000, $purple-ink, 20%);
.element {
color: $purple-ink;
box-shadow: 0 0 0 2px rgba($purple-ink, 0.35);
}