이름 색상 · #584941
Bison Brown
Bison Brown은(는) #584941: rgb(88 73 65), hsl(21 15% 30%), oklch(0.418 0.024 49.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Bison Brown color name →
#584941
oklch(0.418 0.024 49.7)
색상 변환
- HEX
- #584941
- RGB
- rgb(88 73 65)
- HSL
- hsl(21 15% 30%)
- HWB
- hwb(21 25% 65%)
- OKLCH
- oklch(0.418 0.024 49.7)
- OKLab
- oklab(0.418 0.016 0.019)
- CIE Lab
- lab(32.41 5.5 7.3)
- LCH
- lch(32.41 9.14 53)
- CMYK
- cmyk(0% 17% 26% 65%)
틴트 · 셰이드 · 톤
틴트
- 675952
- 776A63
- 877B75
- 978D88
- A89F9B
- B9B2AE
- CAC5C2
- DBD8D6
- EDEBEA
셰이드
- 4B3E37
- 3F342E
- 332A25
- 28201C
- 1D1713
- 120E0B
- 090605
- 030201
- 000000
톤
- 5C4E47
- 60544D
- 645953
- 685E59
- 6C6460
- 706966
- 746F6C
- 787573
- 7C7A79
색 조화
보색 +180°
- 584941
Bison Brown
- 3F4F57
≈ Presidential
유사색 -30° +30°
- 584941
Bison Brown
- 594847
≈ Wild Boysenberry
- 544B3E
≈ Deep Desert Shadow
삼각 배색 +120° +240°
- 584941
Bison Brown
- 40514A
≈ Gedney Green
- 4C4B59
≈ Downing Street
분열 보색 +150° +210°
- 584941
Bison Brown
- 3D5152
≈ Thermal
- 454D5A
≈ Secret Society
사각 배색 +90° +180° +270°
- 584941
Bison Brown
- 465043
≈ Charcoal Smoke
- 3F4F57
≈ Presidential
- 534955
≈ Deep Mulberry
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.59:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.44:1 · APCA Lc 13
가장 좋은 글자색: #FFFFFF
WCAG 8.59:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--bison-brown: #584941;
--bison-brown-rgb: 88 73 65;
--bison-brown-oklch: oklch(0.418 0.024 49.7);
}
.element {
color: var(--bison-brown);
background-color: hsl(21 15% 30%);
border-color: oklch(0.418 0.024 49.7);
}Tailwind CSS v4
@theme {
--color-bison-brown: #584941;
--color-bison-brown-50: #fbf3ef;
--color-bison-brown-100: #efe6e1;
--color-bison-brown-200: #ddd2cb;
--color-bison-brown-300: #c2b4ac;
--color-bison-brown-400: #ab9b92;
--color-bison-brown-500: #948278;
--color-bison-brown-600: #7d6e66;
--color-bison-brown-700: #645851;
--color-bison-brown-800: #4a403b;
--color-bison-brown-900: #332c29;
--color-bison-brown-950: #1f1917;
}SCSS
$bison-brown: #584941;
$bison-brown-rgb: 88, 73, 65;
$bison-brown-light: mix(#fff, $bison-brown, 20%);
$bison-brown-dark: mix(#000, $bison-brown, 20%);
.element {
color: $bison-brown;
box-shadow: 0 0 0 2px rgba($bison-brown, 0.35);
}