Couleur nommée la plus proche · #7D427E
#7D427E
Couleur nommée la plus proche: Prunella
#7D427E (rgb(125 66 126), hsl(299 31% 38%), oklch(0.475 0.116 326.6)) est la plus proche de la couleur nommée Prunella. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#7D427E
oklch(0.475 0.116 326.6)
Conversions de couleur
- HEX
- #7d427e
- RGB
- rgb(125 66 126)
- HSL
- hsl(299 31% 38%)
- HWB
- hwb(299 26% 51%)
- OKLCH
- oklch(0.475 0.116 326.6)
- OKLab
- oklab(0.475 0.097 -0.064)
- CIE Lab
- lab(37.36 32.96 -23.07)
- LCH
- lch(37.36 40.23 325)
- CMYK
- cmyk(1% 48% 0% 51%)
Teintes · Ombres · Tons
Teintes
- 8A548B
- 976697
- A479A4
- B18BB1
- BE9EBE
- CBB1CA
- D8C4D7
- E5D7E5
- F2EBF2
Ombres
- 6C386D
- 5B2F5C
- 4B254C
- 3B1C3C
- 2C142D
- 1E0B1F
- 110511
- 050105
- 010001
Tons
- 7E497E
- 7F4F7F
- 7F567F
- 805C80
- 806280
- 806880
- 806E80
- 807480
- 807A80
Harmonies de couleurs
Complémentaire +180°
- 7D427E
Prunella
- 266D32
≈ San Felix
Analogue -30° +30°
- 7D427E
Prunella
- 634C95
≈ Purple Corallite
- 8D3C5D
≈ Quinacridone Magenta
Triadique +120° +240°
- 7D427E
Prunella
- 745700
≈ Pickled Grape Leaves
- 006973
≈ Kingfisher Bright
Complémentaire divisée +150° +210°
- 7D427E
Prunella
- 596300
≈ Forestial Outpost
- 006C5B
≈ Pacific Queen
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.11:1 · APCA Lc 84
Ag
FailSur noir
WCAG 2.95:1 · APCA Lc 18
Meilleure couleur de texte: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--prunella: #7d427e;
--prunella-rgb: 125 66 126;
--prunella-oklch: oklch(0.475 0.116 326.6);
}
.element {
color: var(--prunella);
background-color: hsl(299 31% 38%);
border-color: oklch(0.475 0.116 326.6);
}Tailwind CSS v4
@theme {
--color-prunella: #7d427e;
--color-prunella-50: #ffeaff;
--color-prunella-100: #fedbfb;
--color-prunella-200: #f0c3ed;
--color-prunella-300: #d9a2d5;
--color-prunella-400: #c286c2;
--color-prunella-500: #ae69ae;
--color-prunella-600: #935993;
--color-prunella-700: #764776;
--color-prunella-800: #563358;
--color-prunella-900: #3c233e;
--color-prunella-950: #261227;
}SCSS
$prunella: #7d427e;
$prunella-rgb: 125, 66, 126;
$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);
}