Colore con nome · #8E7482
Plum Legacy
Plum Legacy è #8E7482: rgb(142 116 130), hsl(328 10% 51%), oklch(0.588 0.038 344.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Plum Legacy color name →
#8E7482
oklch(0.588 0.038 344.7)
Conversioni di colore
- HEX
- #8e7482
- RGB
- rgb(142 116 130)
- HSL
- hsl(328 10% 51%)
- HWB
- hwb(328 45% 44%)
- OKLCH
- oklch(0.588 0.038 344.7)
- OKLab
- oklab(0.588 0.037 -0.01)
- CIE Lab
- lab(51.71 12.33 -3.68)
- LCH
- lch(51.71 12.86 343.4)
- CMYK
- cmyk(0% 18% 8% 44%)
Tinte · Ombre · Toni
Tinte
- 99818E
- A48E9A
- AF9CA6
- BAA9B2
- C5B7BF
- D1C5CB
- DCD3D8
- E8E2E5
- F3F0F2
Ombre
- 7B6470
- 68545F
- 56454E
- 44373E
- 34292F
- 241B20
- 150F12
- 070506
- 010101
Toni
- 8D7582
- 8B7682
- 8A7881
- 897981
- 877A81
- 867B81
- 847C81
- 837E80
- 827F80
Armonie di colore
Complementare +180°
- 8E7482
Plum Legacy
- 688477
≈ Lorna
Analogo -30° +30°
- 8E7482
Plum Legacy
- 85768D
≈ Vintage
- 927475
≈ Socialite
Triadico +120° +240°
- 8E7482
Plum Legacy
- 807E64
≈ Knotweed
- 65828E
≈ Windy Seas
Complementare divisa +150° +210°
- 8E7482
Plum Legacy
- 73826B
≈ Bladed Grass
- 628484
≈ Arctic
Tetradico +90° +180° +270°
- 8E7482
Plum Legacy
- 8A7A64
≈ Lead Grey
- 688477
≈ Lorna
- 6E7E94
≈ Grey Blueberry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.22:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.97:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--plum-legacy: #8e7482;
--plum-legacy-rgb: 142 116 130;
--plum-legacy-oklch: oklch(0.588 0.038 344.7);
}
.element {
color: var(--plum-legacy);
background-color: hsl(328 10% 51%);
border-color: oklch(0.588 0.038 344.7);
}Tailwind CSS v4
@theme {
--color-plum-legacy: #8e7482;
--color-plum-legacy-50: #fef1f7;
--color-plum-legacy-100: #f2e3ea;
--color-plum-legacy-200: #e1ced7;
--color-plum-legacy-300: #c7b0bb;
--color-plum-legacy-400: #b096a4;
--color-plum-legacy-500: #997c8c;
--color-plum-legacy-600: #826976;
--color-plum-legacy-700: #68545f;
--color-plum-legacy-800: #4c3d46;
--color-plum-legacy-900: #352a30;
--color-plum-legacy-950: #20181d;
}SCSS
$plum-legacy: #8e7482;
$plum-legacy-rgb: 142, 116, 130;
$plum-legacy-light: mix(#fff, $plum-legacy, 20%);
$plum-legacy-dark: mix(#000, $plum-legacy, 20%);
.element {
color: $plum-legacy;
box-shadow: 0 0 0 2px rgba($plum-legacy, 0.35);
}