Colore con nome più vicino · #904194
#904194
Colore con nome più vicino: Prunella
#904194 (rgb(144 65 148), hsl(297 39% 42%), oklch(0.51 0.151 325.6)) è più vicino al colore con nome Prunella. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#904194
oklch(0.51 0.151 325.6)
Conversioni di colore
- HEX
- #904194
- RGB
- rgb(144 65 148)
- HSL
- hsl(297 39% 42%)
- HWB
- hwb(297 25% 42%)
- OKLCH
- oklch(0.51 0.151 325.6)
- OKLab
- oklab(0.51 0.125 -0.085)
- CIE Lab
- lab(40.88 42.86 -30.75)
- LCH
- lch(40.88 52.75 324.3)
- CMYK
- cmyk(3% 56% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 9C559F
- A767AA
- B37AB4
- BE8DBF
- C99FCA
- D4B2D4
- DFC5DF
- EAD8EA
- F4EBF4
Ombre
- 7D3780
- 6A2E6D
- 57255A
- 451C48
- 341336
- 240B26
- 150516
- 070108
- 010001
Toni
- 8F4992
- 8E5091
- 8D578F
- 8C5D8D
- 8A638B
- 886989
- 876F87
- 857585
- 827B82
Armonie di colore
Complementare +180°
- 904194
Prunella
- 107B27
≈ Pharmaceutical Green
Analogo -30° +30°
- 904194
Prunella
- 6F4FB2
≈ Royal Lavender
- A53869
≈ Valentine’s Day
Triadico +120° +240°
- 904194
Prunella
- 816100
≈ Ground Earth
- 00747E
≈ Night Scape
Complementare divisa +150° +210°
- 904194
Prunella
- 646D00
≈ Brownish Green
- 007864
≈ Shady Glade
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.23:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.36:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--prunella: #904194;
--prunella-rgb: 144 65 148;
--prunella-oklch: oklch(0.51 0.151 325.6);
}
.element {
color: var(--prunella);
background-color: hsl(297 39% 42%);
border-color: oklch(0.51 0.151 325.6);
}Tailwind CSS v4
@theme {
--color-prunella: #904194;
--color-prunella-50: #ffe7ff;
--color-prunella-100: #ffd7ff;
--color-prunella-200: #f8bef6;
--color-prunella-300: #e19bdf;
--color-prunella-400: #cb7dce;
--color-prunella-500: #b75dbb;
--color-prunella-600: #9b4f9e;
--color-prunella-700: #7c3f7f;
--color-prunella-800: #5b2e60;
--color-prunella-900: #401f43;
--color-prunella-950: #280e2b;
}SCSS
$prunella: #904194;
$prunella-rgb: 144, 65, 148;
$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);
}