Colore con nome più vicino · #52224F
#52224F
Colore con nome più vicino: Murasaki
#52224F (rgb(82 34 79), hsl(304 41% 23%), oklch(0.339 0.096 329.9)) è più vicino al colore con nome Murasaki. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#52224F
oklch(0.339 0.096 329.9)
Conversioni di colore
- HEX
- #52224f
- RGB
- rgb(82 34 79)
- HSL
- hsl(304 41% 23%)
- HWB
- hwb(304 13% 68%)
- OKLCH
- oklch(0.339 0.096 329.9)
- OKLab
- oklab(0.339 0.083 -0.048)
- CIE Lab
- lab(21.94 27.94 -17.4)
- LCH
- lch(21.94 32.91 328.1)
- CMYK
- cmyk(0% 59% 4% 68%)
Tinte · Ombre · Toni
Tinte
- 63365F
- 734B70
- 846081
- 957592
- A78BA3
- B8A1B5
- C9B8C7
- DBCFDA
- EDE7EC
Ombre
- 461C44
- 3B1638
- 2F112E
- 250B23
- 1A0719
- 110310
- 080107
- 020002
- 000000
Toni
- 572C54
- 5C3559
- 613F5E
- 664863
- 6A5168
- 6F5A6D
- 736471
- 786D76
- 7C767B
Armonie di colore
Complementare +180°
- 52224F
Murasaki
- 00441B
≈ Deep Pond
Analogo -30° +30°
- 52224F
Murasaki
- 402A61
≈ Acai
- 5D1E36
≈ Soul Anchor
Triadico +120° +240°
- 52224F
Murasaki
- 463600
≈ Night in the Woods
- 004048
≈ Warm Black
Complementare divisa +150° +210°
- 52224F
Murasaki
- 333D00
≈ Dark Olive
- 004239
≈ Botanical Night
Tetradico +90° +180° +270°
- 52224F
Murasaki
- 552C00
≈ Kyoto House
- 00441B
≈ Deep Pond
- 003C5B
≈ Poseidon
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.34:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.70:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.34:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--murasaki: #52224f;
--murasaki-rgb: 82 34 79;
--murasaki-oklch: oklch(0.339 0.096 329.9);
}
.element {
color: var(--murasaki);
background-color: hsl(304 41% 23%);
border-color: oklch(0.339 0.096 329.9);
}Tailwind CSS v4
@theme {
--color-murasaki: #52224f;
--color-murasaki-50: #ffecff;
--color-murasaki-100: #fcddf6;
--color-murasaki-200: #eec6e7;
--color-murasaki-300: #d5a6ce;
--color-murasaki-400: #bf8aba;
--color-murasaki-500: #aa6ea4;
--color-murasaki-600: #8f5d8b;
--color-murasaki-700: #734b6f;
--color-murasaki-800: #543653;
--color-murasaki-900: #3b253a;
--color-murasaki-950: #251324;
}SCSS
$murasaki: #52224f;
$murasaki-rgb: 82, 34, 79;
$murasaki-light: mix(#fff, $murasaki, 20%);
$murasaki-dark: mix(#000, $murasaki, 20%);
.element {
color: $murasaki;
box-shadow: 0 0 0 2px rgba($murasaki, 0.35);
}