Cor nomeada · #8E7482
Plum Legacy
Plum Legacy é #8E7482: rgb(142 116 130), hsl(328 10% 51%), oklch(0.588 0.038 344.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Plum Legacy color name →
#8E7482
oklch(0.588 0.038 344.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 99818E
- A48E9A
- AF9CA6
- BAA9B2
- C5B7BF
- D1C5CB
- DCD3D8
- E8E2E5
- F3F0F2
Sombras
- 7B6470
- 68545F
- 56454E
- 44373E
- 34292F
- 241B20
- 150F12
- 070506
- 010101
Tons
- 8D7582
- 8B7682
- 8A7881
- 897981
- 877A81
- 867B81
- 847C81
- 837E80
- 827F80
Harmonias de cor
Complementar +180°
- 8E7482
Plum Legacy
- 688477
≈ Lorna
Análoga -30° +30°
- 8E7482
Plum Legacy
- 85768D
≈ Vintage
- 927475
≈ Socialite
Tríade +120° +240°
- 8E7482
Plum Legacy
- 807E64
≈ Knotweed
- 65828E
≈ Windy Seas
Complementar dividida +150° +210°
- 8E7482
Plum Legacy
- 73826B
≈ Bladed Grass
- 628484
≈ Arctic
Tétrade +90° +180° +270°
- 8E7482
Plum Legacy
- 8A7A64
≈ Lead Grey
- 688477
≈ Lorna
- 6E7E94
≈ Grey Blueberry
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.22:1 · APCA Lc 69
Ag
AASobre preto
WCAG 4.97:1 · APCA Lc 33
Melhor cor de texto: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Trechos de código
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);
}