이름 색상 · #5F563F
Buzzard
Buzzard은(는) #5F563F: rgb(95 86 63), hsl(43 20% 31%), oklch(0.455 0.037 89.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Buzzard color name →
#5F563F
oklch(0.455 0.037 89.2)
색상 변환
- HEX
- #5f563f
- RGB
- rgb(95 86 63)
- HSL
- hsl(43 20% 31%)
- HWB
- hwb(43 25% 63%)
- OKLCH
- oklch(0.455 0.037 89.2)
- OKLab
- oklab(0.455 0.001 0.037)
- CIE Lab
- lab(36.96 0.88 14.85)
- LCH
- lch(36.96 14.87 86.6)
- CMYK
- cmyk(0% 9% 34% 63%)
틴트 · 셰이드 · 톤
틴트
- 6E6550
- 7D7562
- 8C8574
- 9C9687
- ACA79A
- BCB8AE
- CCC9C1
- DDDBD6
- EEEDEA
셰이드
- 524A35
- 443E2C
- 383223
- 2C271B
- 201C12
- 15120A
- 0A0804
- 030201
- 000000
톤
- 625A45
- 655E4C
- 696252
- 6C6759
- 6F6B5F
- 736F66
- 76736C
- 797773
- 7D7C79
색 조화
보색 +180°
- 5F563F
Buzzard
- 4E566C
≈ Heavy Violet
유사색 -30° +30°
- 5F563F
Buzzard
- 675242
≈ Dustwallow Marsh
- 545A43
≈ River Forest
삼각 배색 +120° +240°
- 5F563F
Buzzard
- 3E5D62
≈ Jimbaran Bay
- 635061
≈ Vintage Violet
분열 보색 +150° +210°
- 5F563F
Buzzard
- 445A69
≈ Saxon Blue
- 595269
≈ Freefall
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.26:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.88:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--buzzard: #5f563f;
--buzzard-rgb: 95 86 63;
--buzzard-oklch: oklch(0.455 0.037 89.2);
}
.element {
color: var(--buzzard);
background-color: hsl(43 20% 31%);
border-color: oklch(0.455 0.037 89.2);
}Tailwind CSS v4
@theme {
--color-buzzard: #5f563f;
--color-buzzard-50: #f9f5e9;
--color-buzzard-100: #ece8da;
--color-buzzard-200: #dad4c3;
--color-buzzard-300: #beb7a2;
--color-buzzard-400: #a79e86;
--color-buzzard-500: #90856a;
--color-buzzard-600: #7a715a;
--color-buzzard-700: #615a48;
--color-buzzard-800: #484234;
--color-buzzard-900: #322d23;
--color-buzzard-950: #1e1a12;
}SCSS
$buzzard: #5f563f;
$buzzard-rgb: 95, 86, 63;
$buzzard-light: mix(#fff, $buzzard, 20%);
$buzzard-dark: mix(#000, $buzzard, 20%);
.element {
color: $buzzard;
box-shadow: 0 0 0 2px rgba($buzzard, 0.35);
}