Colore con nome · #777BA9
Minuet Lilac
Minuet Lilac è #777BA9: rgb(119 123 169), hsl(235 23% 56%), oklch(0.597 0.07 280.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Minuet Lilac color name →
#777BA9
oklch(0.597 0.07 280.2)
Conversioni di colore
- HEX
- #777ba9
- RGB
- rgb(119 123 169)
- HSL
- hsl(235 23% 56%)
- HWB
- hwb(235 47% 34%)
- OKLCH
- oklch(0.597 0.07 280.2)
- OKLab
- oklab(0.597 0.012 -0.069)
- CIE Lab
- lab(52.63 6.66 -25.23)
- LCH
- lch(52.63 26.09 284.8)
- CMYK
- cmyk(30% 27% 0% 34%)
Tinte · Ombre · Toni
Tinte
- 8488B2
- 9094BA
- 9EA1C3
- ABAECC
- B8BBD4
- C6C9DD
- D4D6E5
- E2E4EE
- F1F1F6
Ombre
- 676A92
- 575A7C
- 474A67
- 383A53
- 2A2C3F
- 1C1E2C
- 10101B
- 05050A
- 010101
Toni
- 787CA5
- 797CA1
- 7A7D9D
- 7A7D99
- 7B7E95
- 7C7E91
- 7D7F8D
- 7E7F89
- 7F8084
Armonie di colore
Complementare +180°
- 777BA9
Minuet Lilac
- 89814E
≈ Aged Eucalyptus
Analogo -30° +30°
- 777BA9
Minuet Lilac
- 5F83A8
≈ Navigator
- 8C749F
≈ Fuji Purple
Triadico +120° +240°
- 777BA9
Minuet Lilac
- A4715F
≈ Blast-Off Bronze
- 598D71
≈ Alexandrite Green
Complementare divisa +150° +210°
- 777BA9
Minuet Lilac
- 9B7850
≈ Mocha
- 71885B
≈ Mixedwood Leaf
Tetradico +90° +180° +270°
- 777BA9
Minuet Lilac
- A56E76
≈ Turkish Rose
- 89814E
≈ Aged Eucalyptus
- 488D89
≈ Royal Palm
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.04:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.19:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.19:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--minuet-lilac: #777ba9;
--minuet-lilac-rgb: 119 123 169;
--minuet-lilac-oklch: oklch(0.597 0.07 280.2);
}
.element {
color: var(--minuet-lilac);
background-color: hsl(235 23% 56%);
border-color: oklch(0.597 0.07 280.2);
}Tailwind CSS v4
@theme {
--color-minuet-lilac: #777ba9;
--color-minuet-lilac-50: #f1f3ff;
--color-minuet-lilac-100: #e4e6ff;
--color-minuet-lilac-200: #cfd1f2;
--color-minuet-lilac-300: #b1b4db;
--color-minuet-lilac-400: #969ac8;
--color-minuet-lilac-500: #7d81b4;
--color-minuet-lilac-600: #6a6d98;
--color-minuet-lilac-700: #54577a;
--color-minuet-lilac-800: #3d405b;
--color-minuet-lilac-900: #2a2c3f;
--color-minuet-lilac-950: #171928;
}SCSS
$minuet-lilac: #777ba9;
$minuet-lilac-rgb: 119, 123, 169;
$minuet-lilac-light: mix(#fff, $minuet-lilac, 20%);
$minuet-lilac-dark: mix(#000, $minuet-lilac, 20%);
.element {
color: $minuet-lilac;
box-shadow: 0 0 0 2px rgba($minuet-lilac, 0.35);
}