Benannte Farbe · #807A6C
Rogue
Rogue ist #807A6C: rgb(128 122 108), hsl(42 8% 46%), oklch(0.581 0.022 87.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rogue color name →
#807A6C
oklch(0.581 0.022 87.6)
Farbumrechnungen
- HEX
- #807a6c
- RGB
- rgb(128 122 108)
- HSL
- hsl(42 8% 46%)
- HWB
- hwb(42 42% 50%)
- OKLCH
- oklch(0.581 0.022 87.6)
- OKLab
- oklab(0.581 0.001 0.022)
- CIE Lab
- lab(51.45 0.47 8.56)
- LCH
- lch(51.45 8.58 86.8)
- CMYK
- cmyk(0% 5% 16% 50%)
Tints · Shades · Tones
Tints
- 8C867A
- 989388
- A4A096
- B1ADA4
- BEBAB3
- CAC8C2
- D7D5D1
- E4E3E0
- F2F1EF
Shades
- 6E695D
- 5D594E
- 4D4940
- 3D3A32
- 2E2B25
- 1F1D19
- 12100D
- 060504
- 010100
Tones
- 807B6E
- 807B70
- 807C72
- 807C74
- 807D76
- 807E78
- 807E7A
- 807F7C
- 807F7E
Farbharmonien
Komplementär +180°
- 807A6C
Rogue
- 757A88
≈ Abandoned Spaceship
Analog -30° +30°
- 807A6C
Rogue
- 85786E
≈ Palomino Pony
- 797C6E
≈ Mount Tam
Triadisch +120° +240°
- 807A6C
Rogue
- 6C7E81
≈ Blue Blood
- 827681
≈ Chain Mail
Geteilt komplementär +150° +210°
- 807A6C
Rogue
- 6F7D86
≈ Taliesin Blue
- 7C7886
≈ Infamous
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.26:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.91:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.91:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--rogue: #807a6c;
--rogue-rgb: 128 122 108;
--rogue-oklch: oklch(0.581 0.022 87.6);
}
.element {
color: var(--rogue);
background-color: hsl(42 8% 46%);
border-color: oklch(0.581 0.022 87.6);
}Tailwind CSS v4
@theme {
--color-rogue: #807a6c;
--color-rogue-50: #f7f5ee;
--color-rogue-100: #ebe8e0;
--color-rogue-200: #d8d4ca;
--color-rogue-300: #bcb7ab;
--color-rogue-400: #a49e90;
--color-rogue-500: #8c8676;
--color-rogue-600: #777164;
--color-rogue-700: #5f5a50;
--color-rogue-800: #46423a;
--color-rogue-900: #302d28;
--color-rogue-950: #1d1a16;
}SCSS
$rogue: #807a6c;
$rogue-rgb: 128, 122, 108;
$rogue-light: mix(#fff, $rogue, 20%);
$rogue-dark: mix(#000, $rogue, 20%);
.element {
color: $rogue;
box-shadow: 0 0 0 2px rgba($rogue, 0.35);
}