Colore con nome più vicino · #7B609C
#7B609C
Colore con nome più vicino: Scampi
#7B609C (rgb(123 96 156), hsl(267 24% 49%), oklch(0.54 0.096 304.1)) è più vicino al colore con nome Scampi. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#7B609C
oklch(0.54 0.096 304.1)
Conversioni di colore
- HEX
- #7b609c
- RGB
- rgb(123 96 156)
- HSL
- hsl(267 24% 49%)
- HWB
- hwb(267 38% 39%)
- OKLCH
- oklch(0.54 0.096 304.1)
- OKLab
- oklab(0.54 0.054 -0.079)
- CIE Lab
- lab(45.37 20.69 -28.79)
- LCH
- lch(45.37 35.46 305.7)
- CMYK
- cmyk(21% 38% 0% 39%)
Tinte · Ombre · Toni
Tinte
- 876FA6
- 947EB0
- A18EBA
- AE9DC4
- BBADCE
- C8BDD8
- D6CDE1
- E3DEEB
- F1EEF5
Ombre
- 6A5287
- 5A4573
- 4A385F
- 3A2C4C
- 2C2039
- 1E1528
- 100A18
- 050309
- 010001
Toni
- 7B6499
- 7C6797
- 7C6A94
- 7D6E92
- 7D718F
- 7E748C
- 7E7789
- 7F7A86
- 7F7D83
Armonie di colore
Complementare +180°
- 7B609C
Scampi
- 637835
≈ Majestic Jungle
Analogo -30° +30°
- 7B609C
Scampi
- 5E6AA6
≈ Twinkle Night
- 905986
≈ Dewberry
Triadico +120° +240°
- 7B609C
Scampi
- 95622C
≈ Retrofit
- 008075
≈ Green Garlands
Complementare divisa +150° +210°
- 7B609C
Scampi
- 816D22
≈ Tarnished Brass
- 3C7F55
≈ Amazon
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.25:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.99:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--scampi: #7b609c;
--scampi-rgb: 123 96 156;
--scampi-oklch: oklch(0.54 0.096 304.1);
}
.element {
color: var(--scampi);
background-color: hsl(267 24% 49%);
border-color: oklch(0.54 0.096 304.1);
}Tailwind CSS v4
@theme {
--color-scampi: #7b609c;
--color-scampi-50: #fcefff;
--color-scampi-100: #f0e0ff;
--color-scampi-200: #decaf5;
--color-scampi-300: #c3abdf;
--color-scampi-400: #ab90cd;
--color-scampi-500: #9476ba;
--color-scampi-600: #7d649d;
--color-scampi-700: #64507e;
--color-scampi-800: #493a5e;
--color-scampi-900: #322842;
--color-scampi-950: #1e162a;
}SCSS
$scampi: #7b609c;
$scampi-rgb: 123, 96, 156;
$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);
}