가장 가까운 이름 색상 · #AD5A0C
#AD5A0C
가장 가까운 이름 색상: Brandy Bear
#AD5A0C(rgb(173 90 12), hsl(29 87% 36%), oklch(0.556 0.134 55))와 가장 가까운 이름 색상은 Brandy Bear입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AD5A0C
oklch(0.556 0.134 55)
색상 변환
- HEX
- #ad5a0c
- RGB
- rgb(173 90 12)
- HSL
- hsl(29 87% 36%)
- HWB
- hwb(29 5% 32%)
- OKLCH
- oklch(0.556 0.134 55)
- OKLab
- oklab(0.556 0.077 0.109)
- CIE Lab
- lab(47.82 31.44 53.76)
- LCH
- lch(47.82 62.28 59.7)
- CMYK
- cmyk(0% 48% 93% 32%)
틴트 · 셰이드 · 톤
틴트
- B66B31
- BF7B4B
- C88B62
- D19C78
- D9AC8E
- E1BCA5
- E9CDBB
- F1DED1
- F8EEE8
셰이드
- 964D09
- 7F4106
- 6A3504
- 552903
- 411E02
- 2D1301
- 1B0900
- 0B0300
- 010000
톤
- A95F23
- A56332
- A1683E
- 9D6C49
- 996F53
- 94735D
- 907666
- 8B7A6F
- 867D77
색 조화
보색 +180°
- AD5A0C
Brandy Bear
- 007DAE
≈ Neptune
유사색 -30° +30°
- AD5A0C
Brandy Bear
- B44F4A
≈ Raging Bull
- 926D00
≈ Honey Yellow Green
삼각 배색 +120° +240°
- AD5A0C
Brandy Bear
- 008770
≈ Summer Turquoise
- 7A61B8
≈ Ultra Violet
분열 보색 +150° +210°
- AD5A0C
Brandy Bear
- 00838E
≈ True Teal
- 4C6FC1
≈ Palace Blue
사각 배색 +90° +180° +270°
- AD5A0C
Brandy Bear
- 37873E
≈ Mountain Meadow Green
- 007DAE
≈ Neptune
- 9A559E
≈ Hyacinth Violet
대비 및 접근성
Ag
AA흰색 위
WCAG 4.94:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.24:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--brandy-bear: #ad5a0c;
--brandy-bear-rgb: 173 90 12;
--brandy-bear-oklch: oklch(0.556 0.134 55);
}
.element {
color: var(--brandy-bear);
background-color: hsl(29 87% 36%);
border-color: oklch(0.556 0.134 55);
}Tailwind CSS v4
@theme {
--color-brandy-bear: #ad5a0c;
--color-brandy-bear-50: #ffecd1;
--color-brandy-bear-100: #ffddbd;
--color-brandy-bear-200: #ffc69c;
--color-brandy-bear-300: #eba672;
--color-brandy-bear-400: #da874b;
--color-brandy-bear-500: #c76a14;
--color-brandy-bear-600: #a85a16;
--color-brandy-bear-700: #874812;
--color-brandy-bear-800: #65330d;
--color-brandy-bear-900: #472308;
--color-brandy-bear-950: #2e1100;
}SCSS
$brandy-bear: #ad5a0c;
$brandy-bear-rgb: 173, 90, 12;
$brandy-bear-light: mix(#fff, $brandy-bear, 20%);
$brandy-bear-dark: mix(#000, $brandy-bear, 20%);
.element {
color: $brandy-bear;
box-shadow: 0 0 0 2px rgba($brandy-bear, 0.35);
}