Couleur nommée la plus proche · #8D4188
#8D4188
Couleur nommée la plus proche: Prunella
#8D4188 (rgb(141 65 136), hsl(304 37% 40%), oklch(0.5 0.138 329.9)) est la plus proche de la couleur nommée Prunella. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8D4188
oklch(0.5 0.138 329.9)
Conversions de couleur
- HEX
- #8d4188
- RGB
- rgb(141 65 136)
- HSL
- hsl(304 37% 40%)
- HWB
- hwb(304 25% 45%)
- OKLCH
- oklch(0.5 0.138 329.9)
- OKLab
- oklab(0.5 0.119 -0.069)
- CIE Lab
- lab(39.93 40.24 -25)
- LCH
- lch(39.93 47.37 328.1)
- CMYK
- cmyk(0% 54% 4% 45%)
Teintes · Ombres · Tons
Teintes
- 995494
- A5679F
- B179AB
- BC8CB7
- C89FC3
- D3B1CF
- DEC5DB
- E9D8E7
- F4EBF3
Ombres
- 7A3775
- 672E63
- 552552
- 441C41
- 331331
- 230B22
- 140513
- 070106
- 010001
Tons
- 8C4887
- 8C5087
- 8B5686
- 8A5D86
- 896385
- 876984
- 866F83
- 847582
- 827A81
Harmonies de couleurs
Complémentaire +180°
- 8D4188
Prunella
- 007835
≈ Forestial
Analogue -30° +30°
- 8D4188
Prunella
- 704DA5
≈ Studio
- 9E3A60
≈ Boysenberry Pink
Triadique +120° +240°
- 8D4188
Prunella
- 7A6000
≈ Ground Earth
- 00707E
≈ Iridescent Peacock
Complémentaire divisée +150° +210°
- 8D4188
Prunella
- 5B6C00
≈ Bowser Shell
- 007465
≈ Northern Hemisphere
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.47:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.24:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.47:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--prunella: #8d4188;
--prunella-rgb: 141 65 136;
--prunella-oklch: oklch(0.5 0.138 329.9);
}
.element {
color: var(--prunella);
background-color: hsl(304 37% 40%);
border-color: oklch(0.5 0.138 329.9);
}Tailwind CSS v4
@theme {
--color-prunella: #8d4188;
--color-prunella-50: #ffe7ff;
--color-prunella-100: #ffd8fd;
--color-prunella-200: #f8bfef;
--color-prunella-300: #e19dd7;
--color-prunella-400: #cc7fc5;
--color-prunella-500: #b760b1;
--color-prunella-600: #9b5296;
--color-prunella-700: #7c4178;
--color-prunella-800: #5b2f5a;
--color-prunella-900: #40203f;
--color-prunella-950: #290f28;
}SCSS
$prunella: #8d4188;
$prunella-rgb: 141, 65, 136;
$prunella-light: mix(#fff, $prunella, 20%);
$prunella-dark: mix(#000, $prunella, 20%);
.element {
color: $prunella;
box-shadow: 0 0 0 2px rgba($prunella, 0.35);
}