Colore con nome più vicino · #9D518E
#9D518E
Colore con nome più vicino: Purple Zergling
#9D518E (rgb(157 81 142), hsl(312 32% 47%), oklch(0.548 0.127 335.1)) è più vicino al colore con nome Purple Zergling. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#9D518E
oklch(0.548 0.127 335.1)
Conversioni di colore
- HEX
- #9d518e
- RGB
- rgb(157 81 142)
- HSL
- hsl(312 32% 47%)
- HWB
- hwb(312 32% 38%)
- OKLCH
- oklch(0.548 0.127 335.1)
- OKLab
- oklab(0.548 0.116 -0.054)
- CIE Lab
- lab(45.69 38.42 -19.54)
- LCH
- lch(45.69 43.11 333)
- CMYK
- cmyk(0% 48% 10% 38%)
Tinte · Ombre · Toni
Tinte
- A86299
- B273A4
- BC84AF
- C695BA
- D0A7C6
- DAB8D1
- E3C9DC
- EDDBE8
- F6EDF3
Ombre
- 88457B
- 733A68
- 5F2F56
- 4C2444
- 3A1A34
- 281024
- 180715
- 090207
- 010001
Toni
- 9B578D
- 985C8C
- 96618A
- 936689
- 916A88
- 8E6F86
- 8B7385
- 877883
- 847C82
Armonie di colore
Complementare +180°
- 9D518E
Purple Zergling
- 18864F
≈ Pixel Nature
Analogo -30° +30°
- 9D518E
Purple Zergling
- 825BAC
≈ Genestealer Purple
- AC4D67
≈ Gala Pink
Triadico +120° +240°
- 9D518E
Purple Zergling
- 866F00
≈ Sunlit Kelp Green
- 007F94
≈ Pagoda
Complementare divisa +150° +210°
- 9D518E
Purple Zergling
- 607D18
≈ Birch Leaf Green
- 008378
≈ Green Garlands
Tetradico +90° +180° +270°
- 9D518E
Purple Zergling
- A15F00
≈ Soft Tone Ink
- 18864F
≈ Pixel Nature
- 1A76B6
≈ Americana
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.24:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.00:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--purple-zergling: #9d518e;
--purple-zergling-rgb: 157 81 142;
--purple-zergling-oklch: oklch(0.548 0.127 335.1);
}
.element {
color: var(--purple-zergling);
background-color: hsl(312 32% 47%);
border-color: oklch(0.548 0.127 335.1);
}Tailwind CSS v4
@theme {
--color-purple-zergling: #9d518e;
--color-purple-zergling-50: #ffe8ff;
--color-purple-zergling-100: #ffd8f8;
--color-purple-zergling-200: #f9c0e8;
--color-purple-zergling-300: #e29ecf;
--color-purple-zergling-400: #cd80bc;
--color-purple-zergling-500: #b862a7;
--color-purple-zergling-600: #9c548d;
--color-purple-zergling-700: #7d4371;
--color-purple-zergling-800: #5c3055;
--color-purple-zergling-900: #40213b;
--color-purple-zergling-950: #291025;
}SCSS
$purple-zergling: #9d518e;
$purple-zergling-rgb: 157, 81, 142;
$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);
}