Colore con nome più vicino · #7A6297
#7A6297
Colore con nome più vicino: Scampi
#7A6297 (rgb(122 98 151), hsl(267 21% 49%), oklch(0.541 0.085 304.5)) è più vicino al colore con nome Scampi. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#7A6297
oklch(0.541 0.085 304.5)
Conversioni di colore
- HEX
- #7a6297
- RGB
- rgb(122 98 151)
- HSL
- hsl(267 21% 49%)
- HWB
- hwb(267 38% 41%)
- OKLCH
- oklch(0.541 0.085 304.5)
- OKLab
- oklab(0.541 0.048 -0.07)
- CIE Lab
- lab(45.58 18.28 -25.52)
- LCH
- lch(45.58 31.39 305.6)
- CMYK
- cmyk(19% 35% 0% 41%)
Tinte · Ombre · Toni
Tinte
- 8671A1
- 9380AC
- A08FB6
- AD9EC0
- BAAECB
- C8BED5
- D5CEE0
- E3DEEA
- F1EEF5
Ombre
- 695483
- 59476F
- 493A5C
- 3A2D49
- 2B2137
- 1D1626
- 100B17
- 050308
- 010001
Toni
- 7B6595
- 7B6893
- 7C6B91
- 7C6F8E
- 7D728C
- 7E748A
- 7E7788
- 7F7A85
- 7F7D83
Armonie di colore
Complementare +180°
- 7A6297
Scampi
- 64773E
≈ Ghoul
Analogo -30° +30°
- 7A6297
Scampi
- 606BA0
≈ Dusted Peri
- 8D5C83
≈ Antique Fuchsia
Triadico +120° +240°
- 7A6297
Scampi
- 916436
≈ Oregon Hazel
- 227F75
≈ Elegant Silk
Complementare divisa +150° +210°
- 7A6297
Scampi
- 7F6E2F
≈ Tarnished Brass
- 437D58
≈ Rokushō Green
Tetradico +90° +180° +270°
- 7A6297
Scampi
- 9A5C4D
≈ Red Potato
- 64773E
≈ Ghoul
- 227B8D
≈ Bermuda
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.02:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--scampi: #7a6297;
--scampi-rgb: 122 98 151;
--scampi-oklch: oklch(0.541 0.085 304.5);
}
.element {
color: var(--scampi);
background-color: hsl(267 21% 49%);
border-color: oklch(0.541 0.085 304.5);
}Tailwind CSS v4
@theme {
--color-scampi: #7a6297;
--color-scampi-50: #fbefff;
--color-scampi-100: #efe1ff;
--color-scampi-200: #ddcbf2;
--color-scampi-300: #c2adda;
--color-scampi-400: #aa92c7;
--color-scampi-500: #9378b4;
--color-scampi-600: #7c6598;
--color-scampi-700: #63517a;
--color-scampi-800: #483b5b;
--color-scampi-900: #322940;
--color-scampi-950: #1e1628;
}SCSS
$scampi: #7a6297;
$scampi-rgb: 122, 98, 151;
$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);
}