Colore con nome · #64776E
Galena
Galena è #64776E: rgb(100 119 110), hsl(152 9% 43%), oklch(0.551 0.026 165.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Galena color name →
#64776E
oklch(0.551 0.026 165.2)
Conversioni di colore
- HEX
- #64776e
- RGB
- rgb(100 119 110)
- HSL
- hsl(152 9% 43%)
- HWB
- hwb(152 39% 53%)
- OKLCH
- oklch(0.551 0.026 165.2)
- OKLab
- oklab(0.551 -0.026 0.007)
- CIE Lab
- lab(48.27 -8.75 2.5)
- LCH
- lch(48.27 9.1 164.1)
- CMYK
- cmyk(16% 0% 8% 53%)
Tinte · Ombre · Toni
Tinte
- 72847B
- 819189
- 909E97
- 9FABA5
- AFB9B4
- BEC6C2
- CED4D1
- DEE2E0
- EFF1F0
Ombre
- 56675F
- 485750
- 3B4741
- 2E3833
- 222A26
- 161C19
- 0B100E
- 030504
- 000101
Toni
- 677870
- 6A7972
- 6D7A73
- 6F7B75
- 727C77
- 757C79
- 787D7B
- 7A7E7C
- 7D7F7E
Armonie di colore
Complementare +180°
- 64776E
Galena
- 7E6C75
≈ Purple Dusk
Analogo -30° +30°
- 64776E
Galena
- 6B7666
≈ Nature Lover
- 607777
≈ Becker Blue
Triadico +120° +240°
- 64776E
Galena
- 707081
≈ Old Mill Blue
- 806D65
≈ Summer Sparrow
Complementare divisa +150° +210°
- 64776E
Galena
- 786D7D
≈ Mamba
- 816C6D
≈ Twisted Time
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.76:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.40:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.76:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--galena: #64776e;
--galena-rgb: 100 119 110;
--galena-oklch: oklch(0.551 0.026 165.2);
}
.element {
color: var(--galena);
background-color: hsl(152 9% 43%);
border-color: oklch(0.551 0.026 165.2);
}Tailwind CSS v4
@theme {
--color-galena: #64776e;
--color-galena-50: #eef8f3;
--color-galena-100: #e0ebe6;
--color-galena-200: #cad8d2;
--color-galena-300: #abbcb4;
--color-galena-400: #91a49b;
--color-galena-500: #778c82;
--color-galena-600: #64766e;
--color-galena-700: #505f58;
--color-galena-800: #3a4540;
--color-galena-900: #28302c;
--color-galena-950: #161c19;
}SCSS
$galena: #64776e;
$galena-rgb: 100, 119, 110;
$galena-light: mix(#fff, $galena, 20%);
$galena-dark: mix(#000, $galena, 20%);
.element {
color: $galena;
box-shadow: 0 0 0 2px rgba($galena, 0.35);
}