命名颜色 · #9A845E
Twisted Tail
Twisted Tail 即 #9A845E：rgb(154 132 94)、hsl(38 24% 49%)、oklch(0.624 0.059 80.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Twisted Tail color name →
#9A845E
oklch(0.624 0.059 80.9)
颜色转换
- HEX
- #9a845e
- RGB
- rgb(154 132 94)
- HSL
- hsl(38 24% 49%)
- HWB
- hwb(38 37% 40%)
- OKLCH
- oklch(0.624 0.059 80.9)
- OKLab
- oklab(0.624 0.009 0.059)
- CIE Lab
- lab(56.5 4.54 23.81)
- LCH
- lch(56.5 24.24 79.2)
- CMYK
- cmyk(0% 14% 39% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- A4906D
- AE9C7D
- B8A88D
- C2B49D
- CCC0AD
- D6CCBD
- E0D9CD
- EAE5DD
- F5F2EE
深色调
- 857251
- 716044
- 5E4F37
- 4B3F2B
- 392F1F
- 272014
- 17120A
- 090603
- 010100
灰色调
- 978462
- 958366
- 928369
- 90836D
- 8D8270
- 8A8273
- 888177
- 85817A
- 83807D
配色和谐
互补色 +180°
- 9A845E
Twisted Tail
- 7388AC
≈ Enchanting Sky
类似色 -30° +30°
- 9A845E
Twisted Tail
- A57D67
≈ New Penny
- 898B61
≈ Pesto Paste
三角配色 +120° +240°
- 9A845E
Twisted Tail
- 5A9296
≈ Cabana Blue
- 987C9E
≈ Divine
分裂互补色 +150° +210°
- 9A845E
Twisted Tail
- 628EA5
≈ Saltbox Blue
- 8781A9
≈ Aster Purple
四角配色 +90° +180° +270°
- 9A845E
Twisted Tail
- 629382
≈ Grandview
- 7388AC
≈ Enchanting Sky
- A4798C
≈ Dusky Orchid
对比度与无障碍
Ag
Fail白底
WCAG 3.59:1 · APCA Lc 64
Ag
AA黑底
WCAG 5.83:1 · APCA Lc 38
最佳文字颜色: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
代码片段
CSS
:root {
--twisted-tail: #9a845e;
--twisted-tail-rgb: 154 132 94;
--twisted-tail-oklch: oklch(0.624 0.059 80.9);
}
.element {
color: var(--twisted-tail);
background-color: hsl(38 24% 49%);
border-color: oklch(0.624 0.059 80.9);
}Tailwind CSS v4
@theme {
--color-twisted-tail: #9a845e;
--color-twisted-tail-50: #fef4e2;
--color-twisted-tail-100: #f2e7d2;
--color-twisted-tail-200: #e1d3b8;
--color-twisted-tail-300: #c6b595;
--color-twisted-tail-400: #b19b77;
--color-twisted-tail-500: #9b8258;
--color-twisted-tail-600: #836e4b;
--color-twisted-tail-700: #69583c;
--color-twisted-tail-800: #4e402b;
--color-twisted-tail-900: #362c1d;
--color-twisted-tail-950: #21190d;
}SCSS
$twisted-tail: #9a845e;
$twisted-tail-rgb: 154, 132, 94;
$twisted-tail-light: mix(#fff, $twisted-tail, 20%);
$twisted-tail-dark: mix(#000, $twisted-tail, 20%);
.element {
color: $twisted-tail;
box-shadow: 0 0 0 2px rgba($twisted-tail, 0.35);
}