Colore con nome · #8D8485
Purpura
Purpura è #8D8485: rgb(141 132 133), hsl(353 4% 54%), oklch(0.622 0.011 9.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Purpura color name →
#8D8485
oklch(0.622 0.011 9.7)
Conversioni di colore
- HEX
- #8d8485
- RGB
- rgb(141 132 133)
- HSL
- hsl(353 4% 54%)
- HWB
- hwb(353 52% 45%)
- OKLCH
- oklch(0.622 0.011 9.7)
- OKLab
- oklab(0.622 0.011 0.002)
- CIE Lab
- lab(55.98 3.64 0.74)
- LCH
- lch(55.98 3.72 11.5)
- CMYK
- cmyk(0% 6% 6% 45%)
Tinte · Ombre · Toni
Tinte
- 989091
- A39B9C
- AEA7A8
- B9B3B4
- C5C0C0
- D0CCCC
- DCD9D9
- E7E5E5
- F3F2F2
Ombre
- 7A7273
- 676061
- 554F50
- 443F40
- 332F30
- 232021
- 141213
- 070606
- 010101
Toni
- 8C8484
- 8A8384
- 898383
- 888283
- 878282
- 858282
- 848181
- 838181
- 818080
Armonie di colore
Complementare +180°
- 8D8485
Purpura
- 808988
≈ Pirate Silver
Analogo -30° +30°
- 8D8485
Purpura
- 8B8489
≈ Taupe Grey
- 8D8582
≈ Mine Rock
Triadico +120° +240°
- 8D8485
Purpura
- 848881
≈ Metal Flake
- 82878D
≈ Heavy Grey
Complementare divisa +150° +210°
- 8D8485
Purpura
- 818984
≈ Paved Path
- 80888B
≈ London Road
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.63:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.77:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.77:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--purpura: #8d8485;
--purpura-rgb: 141 132 133;
--purpura-oklch: oklch(0.622 0.011 9.7);
}
.element {
color: var(--purpura);
background-color: hsl(353 4% 54%);
border-color: oklch(0.622 0.011 9.7);
}Tailwind CSS v4
@theme {
--color-purpura: #8d8485;
--color-purpura-50: #f8f4f4;
--color-purpura-100: #ebe6e7;
--color-purpura-200: #d9d2d3;
--color-purpura-300: #bdb5b6;
--color-purpura-400: #a59c9d;
--color-purpura-500: #8d8384;
--color-purpura-600: #776f70;
--color-purpura-700: #60595a;
--color-purpura-800: #464142;
--color-purpura-900: #302d2d;
--color-purpura-950: #1d1a1a;
}SCSS
$purpura: #8d8485;
$purpura-rgb: 141, 132, 133;
$purpura-light: mix(#fff, $purpura, 20%);
$purpura-dark: mix(#000, $purpura, 20%);
.element {
color: $purpura;
box-shadow: 0 0 0 2px rgba($purpura, 0.35);
}