色名 · #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);
}