Benannte Farbe · #466163
Linen Grey
Linen Grey ist #466163: rgb(70 97 99), hsl(184 17% 33%), oklch(0.472 0.032 201.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Linen Grey color name →
#466163
oklch(0.472 0.032 201.8)
Farbumrechnungen
- HEX
- #466163
- RGB
- rgb(70 97 99)
- HSL
- hsl(184 17% 33%)
- HWB
- hwb(184 27% 61%)
- OKLCH
- oklch(0.472 0.032 201.8)
- OKLab
- oklab(0.472 -0.03 -0.012)
- CIE Lab
- lab(39.05 -9.98 -4.57)
- LCH
- lch(39.05 10.98 204.6)
- CMYK
- cmyk(29% 2% 0% 61%)
Tints · Shades · Tones
Tints
- 577071
- 687E80
- 7A8E8F
- 8C9D9E
- 9EADAE
- B1BDBE
- C4CDCE
- D8DDDE
- EBEEEE
Shades
- 3C5355
- 324647
- 28393A
- 1E2D2E
- 152121
- 0D1516
- 050B0B
- 020303
- 000000
Tones
- 4C6466
- 526769
- 586A6C
- 5D6D6E
- 637071
- 697474
- 6F7777
- 747A7A
- 7A7D7D
Farbharmonien
Komplementär +180°
- 466163
Linen Grey
- 6D5453
≈ Bourbon Truffle
Analog -30° +30°
- 466163
Linen Grey
- 496159
≈ Chalcedony Green
- 495F6B
≈ Ragtime Blues
Triadisch +120° +240°
- 466163
Linen Grey
- 645666
≈ Fedora
- 655A47
≈ Grand Avenue
Geteilt komplementär +150° +210°
- 466163
Linen Grey
- 6A545D
≈ Mocha Brown
- 6B574B
≈ Chocolate Chunk
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.66:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.15:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.66:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--linen-grey: #466163;
--linen-grey-rgb: 70 97 99;
--linen-grey-oklch: oklch(0.472 0.032 201.8);
}
.element {
color: var(--linen-grey);
background-color: hsl(184 17% 33%);
border-color: oklch(0.472 0.032 201.8);
}Tailwind CSS v4
@theme {
--color-linen-grey: #466163;
--color-linen-grey-50: #ebf8f9;
--color-linen-grey-100: #dcebed;
--color-linen-grey-200: #c5d9da;
--color-linen-grey-300: #a5bdbf;
--color-linen-grey-400: #89a4a6;
--color-linen-grey-500: #6e8d8f;
--color-linen-grey-600: #5d7779;
--color-linen-grey-700: #4a5f61;
--color-linen-grey-800: #364647;
--color-linen-grey-900: #253031;
--color-linen-grey-950: #131d1d;
}SCSS
$linen-grey: #466163;
$linen-grey-rgb: 70, 97, 99;
$linen-grey-light: mix(#fff, $linen-grey, 20%);
$linen-grey-dark: mix(#000, $linen-grey, 20%);
.element {
color: $linen-grey;
box-shadow: 0 0 0 2px rgba($linen-grey, 0.35);
}