Colore con nome più vicino · #7B5FA4
#7B5FA4
Colore con nome più vicino: Scampi
#7B5FA4 (rgb(123 95 164), hsl(264 27% 51%), oklch(0.543 0.109 301.6)) è più vicino al colore con nome Scampi. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#7B5FA4
oklch(0.543 0.109 301.6)
Conversioni di colore
- HEX
- #7b5fa4
- RGB
- rgb(123 95 164)
- HSL
- hsl(264 27% 51%)
- HWB
- hwb(264 37% 36%)
- OKLCH
- oklch(0.543 0.109 301.6)
- OKLab
- oklab(0.543 0.057 -0.092)
- CIE Lab
- lab(45.44 22.78 -33.39)
- LCH
- lch(45.44 40.43 304.3)
- CMYK
- cmyk(25% 42% 0% 36%)
Tinte · Ombre · Toni
Tinte
- 876EAD
- 947EB7
- A08DC0
- AD9DC9
- BBADD2
- C8BDDB
- D5CDE4
- E3DEED
- F1EEF6
Ombre
- 6A528E
- 5A4479
- 4A3864
- 3A2C50
- 2C203D
- 1E152B
- 100A1A
- 05030A
- 010001
Toni
- 7B63A1
- 7C669D
- 7C6A9A
- 7D6D97
- 7D7193
- 7E748F
- 7E778C
- 7F7A88
- 7F7D84
Armonie di colore
Complementare +180°
- 7B5FA4
Scampi
- 667928
≈ Castelvetrano Olive
Analogo -30° +30°
- 7B5FA4
Scampi
- 596AAE
≈ Evening Lagoon
- 93568C
≈ Àn Zǐ Purple
Triadico +120° +240°
Complementare divisa +150° +210°
- 7B5FA4
Scampi
- 876C08
≈ Muddy Brown
- 37814E
≈ Monster Monstera
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.01:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--scampi: #7b5fa4;
--scampi-rgb: 123 95 164;
--scampi-oklch: oklch(0.543 0.109 301.6);
}
.element {
color: var(--scampi);
background-color: hsl(264 27% 51%);
border-color: oklch(0.543 0.109 301.6);
}Tailwind CSS v4
@theme {
--color-scampi: #7b5fa4;
--color-scampi-50: #fbeeff;
--color-scampi-100: #efe0ff;
--color-scampi-200: #dec9fb;
--color-scampi-300: #c3aae5;
--color-scampi-400: #aa8fd4;
--color-scampi-500: #9374c2;
--color-scampi-600: #7d62a4;
--color-scampi-700: #644e83;
--color-scampi-800: #483962;
--color-scampi-900: #322745;
--color-scampi-950: #1e152d;
}SCSS
$scampi: #7b5fa4;
$scampi-rgb: 123, 95, 164;
$scampi-light: mix(#fff, $scampi, 20%);
$scampi-dark: mix(#000, $scampi, 20%);
.element {
color: $scampi;
box-shadow: 0 0 0 2px rgba($scampi, 0.35);
}