Benannte Farbe · #64776E
Galena
Galena ist #64776E: rgb(100 119 110), hsl(152 9% 43%), oklch(0.551 0.026 165.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Galena color name →
#64776E
oklch(0.551 0.026 165.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 72847B
- 819189
- 909E97
- 9FABA5
- AFB9B4
- BEC6C2
- CED4D1
- DEE2E0
- EFF1F0
Shades
- 56675F
- 485750
- 3B4741
- 2E3833
- 222A26
- 161C19
- 0B100E
- 030504
- 000101
Tones
- 677870
- 6A7972
- 6D7A73
- 6F7B75
- 727C77
- 757C79
- 787D7B
- 7A7E7C
- 7D7F7E
Farbharmonien
Komplementär +180°
- 64776E
Galena
- 7E6C75
≈ Purple Dusk
Analog -30° +30°
- 64776E
Galena
- 6B7666
≈ Nature Lover
- 607777
≈ Becker Blue
Triadisch +120° +240°
- 64776E
Galena
- 707081
≈ Old Mill Blue
- 806D65
≈ Summer Sparrow
Geteilt komplementär +150° +210°
- 64776E
Galena
- 786D7D
≈ Mamba
- 816C6D
≈ Twisted Time
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.76:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.40:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.76:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
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);
}