이름 색상 · #AB8274
Hickory Branch
Hickory Branch은(는) #AB8274: rgb(171 130 116), hsl(15 25% 56%), oklch(0.643 0.055 39.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Hickory Branch color name →
#AB8274
oklch(0.643 0.055 39.7)
색상 변환
- HEX
- #ab8274
- RGB
- rgb(171 130 116)
- HSL
- hsl(15 25% 56%)
- HWB
- hwb(15 45% 33%)
- OKLCH
- oklch(0.643 0.055 39.7)
- OKLab
- oklab(0.643 0.042 0.035)
- CIE Lab
- lab(58.15 14.81 14.04)
- LCH
- lch(58.15 20.4 43.5)
- CMYK
- cmyk(0% 24% 32% 33%)
틴트 · 셰이드 · 톤
틴트
- B48E81
- BC9A8E
- C4A69C
- CDB3AA
- D5BFB7
- DECCC5
- E6D8D4
- EEE5E2
- F7F2F0
셰이드
- 947064
- 7E5F54
- 684E45
- 543E37
- 402F29
- 2D201B
- 1B120F
- 0B0605
- 010101
톤
- A78275
- A38277
- 9E8278
- 9A8279
- 96817A
- 92817B
- 8D817D
- 89817E
- 84807F
색 조화
보색 +180°
- AB8274
Hickory Branch
- 6695A4
≈ Shore Water
유사색 -30° +30°
- AB8274
Hickory Branch
- AB7F85
≈ Audrey’s Blush
- A38769
≈ Sandal
삼각 배색 +120° +240°
- AB8274
Hickory Branch
- 709881
≈ Douglas Fir Green
- 868AAE
≈ Skysail Blue
분열 보색 +150° +210°
- AB8274
Hickory Branch
- 659894
≈ Loch Blue
- 7490AE
≈ Identity
사각 배색 +90° +180° +270°
- AB8274
Hickory Branch
- 829471
≈ Old Green
- 6695A4
≈ Shore Water
- 9784A7
≈ Purple Phantom
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.39:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.17:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.17:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--hickory-branch: #ab8274;
--hickory-branch-rgb: 171 130 116;
--hickory-branch-oklch: oklch(0.643 0.055 39.7);
}
.element {
color: var(--hickory-branch);
background-color: hsl(15 25% 56%);
border-color: oklch(0.643 0.055 39.7);
}Tailwind CSS v4
@theme {
--color-hickory-branch: #ab8274;
--color-hickory-branch-50: #fff0e9;
--color-hickory-branch-100: #f9e2da;
--color-hickory-branch-200: #eacdc2;
--color-hickory-branch-300: #d1afa2;
--color-hickory-branch-400: #bc9486;
--color-hickory-branch-500: #a77a6b;
--color-hickory-branch-600: #8d675b;
--color-hickory-branch-700: #715348;
--color-hickory-branch-800: #543c35;
--color-hickory-branch-900: #3a2924;
--color-hickory-branch-950: #241713;
}SCSS
$hickory-branch: #ab8274;
$hickory-branch-rgb: 171, 130, 116;
$hickory-branch-light: mix(#fff, $hickory-branch, 20%);
$hickory-branch-dark: mix(#000, $hickory-branch, 20%);
.element {
color: $hickory-branch;
box-shadow: 0 0 0 2px rgba($hickory-branch, 0.35);
}