命名颜色 · #B9B58E
Young Willow
Young Willow 即 #B9B58E：rgb(185 181 142)、hsl(54 23% 64%)、oklch(0.766 0.053 102.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Young Willow color name →
#B9B58E
oklch(0.766 0.053 102.7)
颜色转换
- HEX
- #b9b58e
- RGB
- rgb(185 181 142)
- HSL
- hsl(54 23% 64%)
- HWB
- hwb(54 56% 27%)
- OKLCH
- oklch(0.766 0.053 102.7)
- OKLab
- oklab(0.766 -0.012 0.052)
- CIE Lab
- lab(73.26 -3.27 20.51)
- LCH
- lch(73.26 20.77 99.1)
- CMYK
- cmyk(0% 2% 23% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- C0BC99
- C7C4A4
- CDCBAF
- D4D2BB
- DBDAC6
- E2E1D1
- E9E8DC
- F1F0E8
- F8F7F3
深色调
- A09D7B
- 898668
- 716F56
- 5B5944
- 464434
- 313024
- 1E1D15
- 0D0C07
- 020201
灰色调
- B3B08D
- ADAA8C
- A7A58A
- A2A089
- 9C9A88
- 969586
- 919085
- 8B8A83
- 858582
配色和谐
互补色 +180°
- B9B58E
Young Willow
- ADAFD5
≈ Lavender Wash
类似色 -30° +30°
- B9B58E
Young Willow
- C8AE8E
≈ Peculiarly Drab Tincture
- A6BB98
≈ Ash Tree
三角配色 +120° +240°
- B9B58E
Young Willow
- 8EBBCC
≈ Blue Echo
- CCA6BC
≈ Safflower Wisteria
分裂互补色 +150° +210°
- B9B58E
Young Willow
- 9BB6D5
≈ Mont Blanc
- BFAACC
≈ Immortal
四角配色 +90° +180° +270°
- B9B58E
Young Willow
- 8CBEBC
≈ Chinese Tzu
- ADAFD5
≈ Lavender Wash
- D3A6AA
≈ Foxy Lady
对比度与无障碍
Ag
Fail白底
WCAG 2.08:1 · APCA Lc 41
Ag
AAA黑底
WCAG 10.06:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 10.06:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--young-willow: #b9b58e;
--young-willow-rgb: 185 181 142;
--young-willow-oklch: oklch(0.766 0.053 102.7);
}
.element {
color: var(--young-willow);
background-color: hsl(54 23% 64%);
border-color: oklch(0.766 0.053 102.7);
}Tailwind CSS v4
@theme {
--color-young-willow: #b9b58e;
--color-young-willow-50: #f7f6e5;
--color-young-willow-100: #eae9d5;
--color-young-willow-200: #d7d6bc;
--color-young-willow-300: #bbb99a;
--color-young-willow-400: #a4a07c;
--color-young-willow-500: #8c885f;
--color-young-willow-600: #777350;
--color-young-willow-700: #5f5c40;
--color-young-willow-800: #46432d;
--color-young-willow-900: #312e1f;
--color-young-willow-950: #1d1b0f;
}SCSS
$young-willow: #b9b58e;
$young-willow-rgb: 185, 181, 142;
$young-willow-light: mix(#fff, $young-willow, 20%);
$young-willow-dark: mix(#000, $young-willow, 20%);
.element {
color: $young-willow;
box-shadow: 0 0 0 2px rgba($young-willow, 0.35);
}