Colore con nome · #A15589
Purple Zergling
Purple Zergling è #A15589: rgb(161 85 137), hsl(319 31% 48%), oklch(0.557 0.12 340.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Purple Zergling color name →
#A15589
oklch(0.557 0.12 340.4)
Conversioni di colore
- HEX
- #a15589
- RGB
- rgb(161 85 137)
- HSL
- hsl(319 31% 48%)
- HWB
- hwb(319 33% 37%)
- OKLCH
- oklch(0.557 0.12 340.4)
- OKLab
- oklab(0.557 0.113 -0.04)
- CIE Lab
- lab(46.92 37.16 -14.62)
- LCH
- lch(46.92 39.93 338.5)
- CMYK
- cmyk(0% 47% 15% 37%)
Tinte · Ombre · Toni
Tinte
- AB6694
- B576A0
- BF87AB
- C998B7
- D2A8C3
- DBB9CF
- E5CBDB
- EEDCE7
- F6EDF3
Ombre
- 8B4976
- 763D64
- 623153
- 4E2642
- 3C1C31
- 2A1122
- 190814
- 090207
- 010001
Toni
- 9E5A88
- 9C5F87
- 996387
- 966886
- 936C85
- 8F7084
- 8C7483
- 887882
- 847C81
Armonie di colore
Complementare +180°
- A15589
Purple Zergling
- 14885B
≈ Vital Green
Analogo -30° +30°
- A15589
Purple Zergling
- 895EA7
≈ Chive Blossom
- AD5263
≈ Kissed by a Zombies
Triadico +120° +240°
- A15589
Purple Zergling
- 837400
≈ Soft Fig
- 00819D
≈ Decore Splash
Complementare divisa +150° +210°
- A15589
Purple Zergling
- 5B812F
≈ Straken Green
- 008580
≈ Egyptian Green
Tetradico +90° +180° +270°
- A15589
Purple Zergling
- 9F6502
≈ Cumin Ochre
- 14885B
≈ Vital Green
- 3677B7
≈ North Atlantic Breeze
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.02:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.17:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.02:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--purple-zergling: #a15589;
--purple-zergling-rgb: 161 85 137;
--purple-zergling-oklch: oklch(0.557 0.12 340.4);
}
.element {
color: var(--purple-zergling);
background-color: hsl(319 31% 48%);
border-color: oklch(0.557 0.12 340.4);
}Tailwind CSS v4
@theme {
--color-purple-zergling: #a15589;
--color-purple-zergling-50: #ffe8ff;
--color-purple-zergling-100: #ffd9f3;
--color-purple-zergling-200: #f9c1e2;
--color-purple-zergling-300: #e39fc8;
--color-purple-zergling-400: #ce81b4;
--color-purple-zergling-500: #ba649e;
--color-purple-zergling-600: #9d5586;
--color-purple-zergling-700: #7e446b;
--color-purple-zergling-800: #5d3150;
--color-purple-zergling-900: #412138;
--color-purple-zergling-950: #291023;
}SCSS
$purple-zergling: #a15589;
$purple-zergling-rgb: 161, 85, 137;
$purple-zergling-light: mix(#fff, $purple-zergling, 20%);
$purple-zergling-dark: mix(#000, $purple-zergling, 20%);
.element {
color: $purple-zergling;
box-shadow: 0 0 0 2px rgba($purple-zergling, 0.35);
}