이름 색상 · #745443
Briar
Briar은(는) #745443: rgb(116 84 67), hsl(21 27% 36%), oklch(0.475 0.05 49.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Briar color name →
#745443
oklch(0.475 0.05 49.1)
색상 변환
- HEX
- #745443
- RGB
- rgb(116 84 67)
- HSL
- hsl(21 27% 36%)
- HWB
- hwb(21 26% 55%)
- OKLCH
- oklch(0.475 0.05 49.1)
- OKLab
- oklab(0.475 0.033 0.038)
- CIE Lab
- lab(38.87 11.97 15.46)
- LCH
- lch(38.87 19.55 52.2)
- CMYK
- cmyk(0% 28% 42% 55%)
틴트 · 셰이드 · 톤
틴트
- 816454
- 8F7466
- 9C8477
- AA958A
- B8A69C
- C6B7AF
- D4C9C3
- E2DBD7
- F1EDEB
셰이드
- 644839
- 543C2F
- 453126
- 37261D
- 291B14
- 1B110C
- 0F0805
- 050201
- 010000
톤
- 755849
- 775D4F
- 786155
- 7A665B
- 7B6A61
- 7C6E67
- 7D736E
- 7E7774
- 7F7C7A
색 조화
보색 +180°
- 745443
Briar
- 3D6273
≈ Celeste Blue
유사색 -30° +30°
삼각 배색 +120° +240°
- 745443
Briar
- 3F6657
≈ Isle of Pines
- 5B5877
≈ Taylor
분열 보색 +150° +210°
- 745443
Briar
- 376567
≈ China Green Blue
- 4B5D79
≈ Stream
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.79:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.09:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.79:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--briar: #745443;
--briar-rgb: 116 84 67;
--briar-oklch: oklch(0.475 0.05 49.1);
}
.element {
color: var(--briar);
background-color: hsl(21 27% 36%);
border-color: oklch(0.475 0.05 49.1);
}Tailwind CSS v4
@theme {
--color-briar: #745443;
--color-briar-50: #fff1e8;
--color-briar-100: #f7e4d9;
--color-briar-200: #e7cfc1;
--color-briar-300: #cdb1a1;
--color-briar-400: #b89685;
--color-briar-500: #a27d69;
--color-briar-600: #896a59;
--color-briar-700: #6e5447;
--color-briar-800: #513d33;
--color-briar-900: #392a23;
--color-briar-950: #231812;
}SCSS
$briar: #745443;
$briar-rgb: 116, 84, 67;
$briar-light: mix(#fff, $briar, 20%);
$briar-dark: mix(#000, $briar, 20%);
.element {
color: $briar;
box-shadow: 0 0 0 2px rgba($briar, 0.35);
}