Benannte Farbe · #34373C
Metalise
Metalise ist #34373C: rgb(52 55 60), hsl(217 7% 22%), oklch(0.336 0.01 260.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Metalise color name →
#34373C
oklch(0.336 0.01 260.7)
Farbumrechnungen
- HEX
- #34373c
- RGB
- rgb(52 55 60)
- HSL
- hsl(217 7% 22%)
- HWB
- hwb(217 20% 76%)
- OKLCH
- oklch(0.336 0.01 260.7)
- OKLab
- oklab(0.336 -0.002 -0.01)
- CIE Lab
- lab(22.92 -0.41 -3.6)
- LCH
- lch(22.92 3.62 263.5)
- CMYK
- cmyk(13% 8% 0% 76%)
Tints · Shades · Tones
Tints
- 46484D
- 585B5F
- 6B6D71
- 7F8184
- 939598
- A8A9AB
- BDBEC0
- D2D3D4
- E9E9EA
Shades
- 2C2E33
- 24262A
- 1C1E21
- 151619
- 0E0F11
- 07080A
- 030304
- 010101
- 000000
Tones
- 3B3E42
- 424549
- 4A4C4F
- 515356
- 595A5D
- 606264
- 68696B
- 707172
- 787879
Farbharmonien
Komplementär +180°
- 34373C
Metalise
- 393631
≈ Kilimanjaro
Analog -30° +30°
- 34373C
Metalise
- 32383B
≈ Tribecca Corner
- 37363C
≈ Shiny Rubber
Triadisch +120° +240°
- 34373C
Metalise
- 3C3535
≈ After Dark
- 343833
≈ Charcoal
Geteilt komplementär +150° +210°
- 34373C
Metalise
- 3B3632
≈ Kilimanjaro
- 373732
≈ Rosin
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.94:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.75:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.94:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--metalise: #34373c;
--metalise-rgb: 52 55 60;
--metalise-oklch: oklch(0.336 0.01 260.7);
}
.element {
color: var(--metalise);
background-color: hsl(217 7% 22%);
border-color: oklch(0.336 0.01 260.7);
}Tailwind CSS v4
@theme {
--color-metalise: #34373c;
--color-metalise-50: #f4f5f8;
--color-metalise-100: #e6e8eb;
--color-metalise-200: #d2d4d8;
--color-metalise-300: #b5b7bc;
--color-metalise-400: #9b9fa4;
--color-metalise-500: #82868d;
--color-metalise-600: #6e7277;
--color-metalise-700: #585b5f;
--color-metalise-800: #404246;
--color-metalise-900: #2c2e30;
--color-metalise-950: #191b1d;
}SCSS
$metalise: #34373c;
$metalise-rgb: 52, 55, 60;
$metalise-light: mix(#fff, $metalise, 20%);
$metalise-dark: mix(#000, $metalise, 20%);
.element {
color: $metalise;
box-shadow: 0 0 0 2px rgba($metalise, 0.35);
}