命名颜色 · #A67A45
Driftwood
Driftwood 即 #A67A45：rgb(166 122 69)、hsl(33 41% 46%)、oklch(0.612 0.089 70)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Driftwood color name →
#A67A45
oklch(0.612 0.089 70)
颜色转换
- HEX
- #a67a45
- RGB
- rgb(166 122 69)
- HSL
- hsl(33 41% 46%)
- HWB
- hwb(33 27% 35%)
- OKLCH
- oklch(0.612 0.089 70)
- OKLab
- oklab(0.612 0.03 0.084)
- CIE Lab
- lab(54.86 13.27 35.7)
- LCH
- lch(54.86 38.09 69.6)
- CMYK
- cmyk(0% 27% 58% 35%)
浅色调 · 深色调 · 灰色调
浅色调
- AF8758
- B8946A
- C1A17D
- CAAE8F
- D3BBA1
- DCC9B4
- E4D6C6
- EDE4D9
- F6F1EC
深色调
- 90693B
- 7A5931
- 654927
- 513A1E
- 3E2B15
- 2B1D0C
- 1A1005
- 0A0502
- 010100
灰色调
- A27B4C
- 9F7C53
- 9B7C59
- 977D5F
- 947E65
- 907E6B
- 8C7F70
- 887F76
- 84807B
配色和谐
互补色 +180°
- A67A45
Driftwood
- 5988B7
≈ Blue Smart
类似色 -30° +30°
- A67A45
Driftwood
- B2715A
≈ Copper Beech
- 908542
≈ Eden Prairie
三角配色 +120° +240°
- A67A45
Driftwood
- 34958F
≈ Azure Tide
- 9475AC
≈ Romantic Moment
分裂互补色 +150° +210°
- A67A45
Driftwood
- 3A90A9
≈ Blue Moon
- 797EB8
≈ Astro Zinger
四角配色 +90° +180° +270°
- A67A45
Driftwood
- 4F9471
≈ Good Luck
- 5988B7
≈ Blue Smart
- A86E95
≈ Violetta
对比度与无障碍
Ag
Fail白底
WCAG 3.82:1 · APCA Lc 66
Ag
AA黑底
WCAG 5.49:1 · APCA Lc 36
最佳文字颜色: #000000
WCAG 5.49:1 (AA) · APCA Lc 36
Contrast pairs
代码片段
CSS
:root {
--driftwood: #a67a45;
--driftwood-rgb: 166 122 69;
--driftwood-oklch: oklch(0.612 0.089 70);
}
.element {
color: var(--driftwood);
background-color: hsl(33 41% 46%);
border-color: oklch(0.612 0.089 70);
}Tailwind CSS v4
@theme {
--color-driftwood: #a67a45;
--color-driftwood-50: #fff2da;
--color-driftwood-100: #fbe4c8;
--color-driftwood-200: #edcfab;
--color-driftwood-300: #d4b185;
--color-driftwood-400: #c09563;
--color-driftwood-500: #ac7b3f;
--color-driftwood-600: #916837;
--color-driftwood-700: #74532b;
--color-driftwood-800: #573c1e;
--color-driftwood-900: #3d2914;
--color-driftwood-950: #261706;
}SCSS
$driftwood: #a67a45;
$driftwood-rgb: 166, 122, 69;
$driftwood-light: mix(#fff, $driftwood, 20%);
$driftwood-dark: mix(#000, $driftwood, 20%);
.element {
color: $driftwood;
box-shadow: 0 0 0 2px rgba($driftwood, 0.35);
}