Benannte Farbe · #46494E
Tuna
Tuna ist #46494E: rgb(70 73 78), hsl(218 5% 29%), oklch(0.404 0.009 260.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tuna color name →
#46494E
oklch(0.404 0.009 260.7)
Farbumrechnungen
- HEX
- #46494e
- RGB
- rgb(70 73 78)
- HSL
- hsl(218 5% 29%)
- HWB
- hwb(218 27% 69%)
- OKLCH
- oklch(0.404 0.009 260.7)
- OKLab
- oklab(0.404 -0.001 -0.009)
- CIE Lab
- lab(30.88 -0.41 -3.44)
- LCH
- lch(30.88 3.47 263.3)
- CMYK
- cmyk(10% 6% 0% 69%)
Tints · Shades · Tones
Tints
- 56595E
- 676A6E
- 797B7F
- 8B8D90
- 9D9FA2
- B0B2B4
- C3C4C6
- D7D8D9
- EBEBEC
Shades
- 3C3E43
- 323438
- 282A2D
- 1E2023
- 151719
- 0D0E0F
- 050607
- 020202
- 000000
Tones
- 4C4E53
- 515458
- 57595D
- 5C5E62
- 626466
- 68696C
- 6E6F71
- 747576
- 7A7A7B
Farbharmonien
Komplementär +180°
- 46494E
Tuna
- 4B4843
≈ Stealth Jet
Analog -30° +30°
- 46494E
Tuna
- 444A4D
≈ Winter Coat
- 49484E
≈ Limo-Scene
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- 46494E
Tuna
- 4D4844
≈ Warm Onyx
- 494944
≈ Armadillo
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.03:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.32:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 9.03:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--tuna: #46494e;
--tuna-rgb: 70 73 78;
--tuna-oklch: oklch(0.404 0.009 260.7);
}
.element {
color: var(--tuna);
background-color: hsl(218 5% 29%);
border-color: oklch(0.404 0.009 260.7);
}Tailwind CSS v4
@theme {
--color-tuna: #46494e;
--color-tuna-50: #f4f5f8;
--color-tuna-100: #e6e8eb;
--color-tuna-200: #d2d4d8;
--color-tuna-300: #b5b7bc;
--color-tuna-400: #9b9fa4;
--color-tuna-500: #83868c;
--color-tuna-600: #6f7277;
--color-tuna-700: #585b5f;
--color-tuna-800: #404246;
--color-tuna-900: #2c2e30;
--color-tuna-950: #191b1c;
}SCSS
$tuna: #46494e;
$tuna-rgb: 70, 73, 78;
$tuna-light: mix(#fff, $tuna, 20%);
$tuna-dark: mix(#000, $tuna, 20%);
.element {
color: $tuna;
box-shadow: 0 0 0 2px rgba($tuna, 0.35);
}