이름 색상 · #804741
Sly Fox
Sly Fox은(는) #804741: rgb(128 71 65), hsl(6 33% 38%), oklch(0.465 0.079 26.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Sly Fox color name →
#804741
oklch(0.465 0.079 26.9)
색상 변환
- HEX
- #804741
- RGB
- rgb(128 71 65)
- HSL
- hsl(6 33% 38%)
- HWB
- hwb(6 25% 50%)
- OKLCH
- oklch(0.465 0.079 26.9)
- OKLab
- oklab(0.465 0.071 0.036)
- CIE Lab
- lab(37.19 24.43 14.82)
- LCH
- lch(37.19 28.58 31.2)
- CMYK
- cmyk(0% 45% 49% 50%)
틴트 · 셰이드 · 톤
틴트
- 8D5852
- 9A6A64
- A77B76
- B48D88
- C0A09B
- CDB2AE
- DAC5C2
- E6D8D6
- F3EBEA
셰이드
- 6E3D37
- 5D322E
- 4D2825
- 3D1F1C
- 2E1613
- 1F0D0B
- 120605
- 060201
- 010000
톤
- 814D47
- 81534D
- 825954
- 825E5A
- 826460
- 826A66
- 826F6D
- 817573
- 817A7A
색 조화
보색 +180°
- 804741
Sly Fox
- 026670
≈ Wakame Green
유사색 -30° +30°
- 804741
Sly Fox
- 7C465A
≈ Cheerful Wine
- 7B4D2A
≈ Kinsusutake Brown
삼각 배색 +120° +240°
- 804741
Sly Fox
- 39653F
≈ Jurassic Park
- 455886
≈ True Navy
분열 보색 +150° +210°
- 804741
Sly Fox
- 166858
≈ Bella Vista
- 266080
≈ Suez Canal
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.25:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.89:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.25:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--sly-fox: #804741;
--sly-fox-rgb: 128 71 65;
--sly-fox-oklch: oklch(0.465 0.079 26.9);
}
.element {
color: var(--sly-fox);
background-color: hsl(6 33% 38%);
border-color: oklch(0.465 0.079 26.9);
}Tailwind CSS v4
@theme {
--color-sly-fox: #804741;
--color-sly-fox-50: #ffede8;
--color-sly-fox-100: #ffdfd9;
--color-sly-fox-200: #f4c8c1;
--color-sly-fox-300: #dda9a0;
--color-sly-fox-400: #c98d85;
--color-sly-fox-500: #b5716a;
--color-sly-fox-600: #99605a;
--color-sly-fox-700: #7b4d47;
--color-sly-fox-800: #5b3734;
--color-sly-fox-900: #402624;
--color-sly-fox-950: #281413;
}SCSS
$sly-fox: #804741;
$sly-fox-rgb: 128, 71, 65;
$sly-fox-light: mix(#fff, $sly-fox, 20%);
$sly-fox-dark: mix(#000, $sly-fox, 20%);
.element {
color: $sly-fox;
box-shadow: 0 0 0 2px rgba($sly-fox, 0.35);
}