Colore con nome più vicino · #502851
#502851
Colore con nome più vicino: Murasaki
#502851 (rgb(80 40 81), hsl(299 34% 24%), oklch(0.347 0.085 326.3)) è più vicino al colore con nome Murasaki. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#502851
oklch(0.347 0.085 326.3)
Conversioni di colore
- HEX
- #502851
- RGB
- rgb(80 40 81)
- HSL
- hsl(299 34% 24%)
- HWB
- hwb(299 16% 68%)
- OKLCH
- oklch(0.347 0.085 326.3)
- OKLab
- oklab(0.347 0.071 -0.047)
- CIE Lab
- lab(23.02 24.21 -17.1)
- LCH
- lch(23.02 29.64 324.8)
- CMYK
- cmyk(1% 51% 0% 68%)
Tinte · Ombre · Toni
Tinte
- 613B61
- 714F71
- 826482
- 937893
- A58EA5
- B6A3B6
- C8BAC8
- DAD0DA
- EDE7EC
Ombre
- 442145
- 391B3A
- 2E152F
- 240F24
- 1A091A
- 100410
- 070207
- 020102
- 000000
Toni
- 553156
- 5A3A5B
- 5F425F
- 644B64
- 695469
- 6E5C6D
- 726572
- 776E77
- 7B777B
Armonie di colore
Complementare +180°
- 502851
Murasaki
- 15451D
≈ Pine Green
Analogo -30° +30°
- 502851
Murasaki
- 3E2F60
≈ Jakarta Skyline
- 5B243B
≈ Zinfandel
Triadico +120° +240°
- 502851
Murasaki
- 4A3700
≈ Night in the Woods
- 004249
≈ Warm Black
Complementare divisa +150° +210°
- 502851
Murasaki
- 383E00
≈ Dark Olive
- 004539
≈ UP Forest Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.90:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.76:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.90:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--murasaki: #502851;
--murasaki-rgb: 80 40 81;
--murasaki-oklch: oklch(0.347 0.085 326.3);
}
.element {
color: var(--murasaki);
background-color: hsl(299 34% 24%);
border-color: oklch(0.347 0.085 326.3);
}Tailwind CSS v4
@theme {
--color-murasaki: #502851;
--color-murasaki-50: #ffedff;
--color-murasaki-100: #f8def6;
--color-murasaki-200: #e9c8e7;
--color-murasaki-300: #d0a8ce;
--color-murasaki-400: #b98db9;
--color-murasaki-500: #a472a4;
--color-murasaki-600: #8a618b;
--color-murasaki-700: #6f4d6f;
--color-murasaki-800: #513853;
--color-murasaki-900: #39263a;
--color-murasaki-950: #231524;
}SCSS
$murasaki: #502851;
$murasaki-rgb: 80, 40, 81;
$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);
}