이름 색상 · #807A6C
Rogue
Rogue은(는) #807A6C: rgb(128 122 108), hsl(42 8% 46%), oklch(0.581 0.022 87.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Rogue color name →
#807A6C
oklch(0.581 0.022 87.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 8C867A
- 989388
- A4A096
- B1ADA4
- BEBAB3
- CAC8C2
- D7D5D1
- E4E3E0
- F2F1EF
셰이드
- 6E695D
- 5D594E
- 4D4940
- 3D3A32
- 2E2B25
- 1F1D19
- 12100D
- 060504
- 010100
톤
- 807B6E
- 807B70
- 807C72
- 807C74
- 807D76
- 807E78
- 807E7A
- 807F7C
- 807F7E
색 조화
보색 +180°
- 807A6C
Rogue
- 757A88
≈ Abandoned Spaceship
유사색 -30° +30°
- 807A6C
Rogue
- 85786E
≈ Palomino Pony
- 797C6E
≈ Mount Tam
삼각 배색 +120° +240°
- 807A6C
Rogue
- 6C7E81
≈ Blue Blood
- 827681
≈ Chain Mail
분열 보색 +150° +210°
- 807A6C
Rogue
- 6F7D86
≈ Taliesin Blue
- 7C7886
≈ Infamous
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.26:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.91:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.91:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
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);
}