Colore con nome · #807A6C
Rogue
Rogue è #807A6C: rgb(128 122 108), hsl(42 8% 46%), oklch(0.581 0.022 87.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Rogue color name →
#807A6C
oklch(0.581 0.022 87.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8C867A
- 989388
- A4A096
- B1ADA4
- BEBAB3
- CAC8C2
- D7D5D1
- E4E3E0
- F2F1EF
Ombre
- 6E695D
- 5D594E
- 4D4940
- 3D3A32
- 2E2B25
- 1F1D19
- 12100D
- 060504
- 010100
Toni
- 807B6E
- 807B70
- 807C72
- 807C74
- 807D76
- 807E78
- 807E7A
- 807F7C
- 807F7E
Armonie di colore
Complementare +180°
- 807A6C
Rogue
- 757A88
≈ Abandoned Spaceship
Analogo -30° +30°
- 807A6C
Rogue
- 85786E
≈ Palomino Pony
- 797C6E
≈ Mount Tam
Triadico +120° +240°
- 807A6C
Rogue
- 6C7E81
≈ Blue Blood
- 827681
≈ Chain Mail
Complementare divisa +150° +210°
- 807A6C
Rogue
- 6F7D86
≈ Taliesin Blue
- 7C7886
≈ Infamous
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.26:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.91:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.91:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
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);
}