Nazwany kolor · #807A6C
Rogue
Rogue to #807A6C: rgb(128 122 108), hsl(42 8% 46%), oklch(0.581 0.022 87.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Rogue color name →
#807A6C
oklch(0.581 0.022 87.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8C867A
- 989388
- A4A096
- B1ADA4
- BEBAB3
- CAC8C2
- D7D5D1
- E4E3E0
- F2F1EF
Odcienie ciemniejsze
- 6E695D
- 5D594E
- 4D4940
- 3D3A32
- 2E2B25
- 1F1D19
- 12100D
- 060504
- 010100
Tony
- 807B6E
- 807B70
- 807C72
- 807C74
- 807D76
- 807E78
- 807E7A
- 807F7C
- 807F7E
Harmonie kolorów
Komplementarna +180°
- 807A6C
Rogue
- 757A88
≈ Abandoned Spaceship
Analogowa -30° +30°
- 807A6C
Rogue
- 85786E
≈ Palomino Pony
- 797C6E
≈ Mount Tam
Triada +120° +240°
- 807A6C
Rogue
- 6C7E81
≈ Blue Blood
- 827681
≈ Chain Mail
Komplementarna rozszczepiona +150° +210°
- 807A6C
Rogue
- 6F7D86
≈ Taliesin Blue
- 7C7886
≈ Infamous
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.26:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.91:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.91:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
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);
}