命名颜色 · #BDB369
Golden Green
Golden Green 即 #BDB369：rgb(189 179 105)、hsl(53 39% 58%)、oklch(0.759 0.096 101.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Golden Green color name →
#BDB369
oklch(0.759 0.096 101.6)
颜色转换
- HEX
- #bdb369
- RGB
- rgb(189 179 105)
- HSL
- hsl(53 39% 58%)
- HWB
- hwb(53 41% 26%)
- OKLCH
- oklch(0.759 0.096 101.6)
- OKLab
- oklab(0.759 -0.019 0.094)
- CIE Lab
- lab(72.56 -3.99 38.96)
- LCH
- lch(72.56 39.16 95.9)
- CMYK
- cmyk(0% 5% 44% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- C3BB79
- CAC288
- D0CA97
- D7D1A6
- DDD9B5
- E4E1C4
- EBE8D3
- F1F0E1
- F8F7F0
深色调
- A49B5A
- 8C844C
- 746E3E
- 5D5831
- 474324
- 332F18
- 1F1D0C
- 0D0C04
- 020100
灰色调
- B7AE6D
- B0A970
- AAA473
- A49F75
- 9E9A77
- 98947A
- 928F7B
- 8C8A7D
- 86857F
配色和谐
互补色 +180°
- BDB369
Golden Green
- A6AAED
≈ Maximum Blue Purple
类似色 -30° +30°
- BDB369
Golden Green
- D7A76B
≈ Ungor Beige
- 9BBE7D
≈ Hearty Hosta
三角配色 +120° +240°
- BDB369
Golden Green
- 64BFDC
≈ Magnesia Bay
- DB98C2
≈ Lilac Chiffon
分裂互补色 +150° +210°
- BDB369
Golden Green
- 83B5EC
≈ Fly Away
- C59FDD
≈ Autumn Wisteria
四角配色 +90° +180° +270°
- BDB369
Golden Green
- 5DC4C0
≈ Port Hope
- A6AAED
≈ Maximum Blue Purple
- E697A1
≈ Franken Berry
对比度与无障碍
Ag
Fail白底
WCAG 2.13:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.81:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
CSS
:root {
--golden-green: #bdb369;
--golden-green-rgb: 189 179 105;
--golden-green-oklch: oklch(0.759 0.096 101.6);
}
.element {
color: var(--golden-green);
background-color: hsl(53 39% 58%);
border-color: oklch(0.759 0.096 101.6);
}Tailwind CSS v4
@theme {
--color-golden-green: #bdb369;
--color-golden-green-50: #f9f7d8;
--color-golden-green-100: #edeac6;
--color-golden-green-200: #dbd7a8;
--color-golden-green-300: #bfba80;
--color-golden-green-400: #aaa15b;
--color-golden-green-500: #938833;
--color-golden-green-600: #7d732d;
--color-golden-green-700: #645c24;
--color-golden-green-800: #4a4317;
--color-golden-green-900: #342e0f;
--color-golden-green-950: #1f1b03;
}SCSS
$golden-green: #bdb369;
$golden-green-rgb: 189, 179, 105;
$golden-green-light: mix(#fff, $golden-green, 20%);
$golden-green-dark: mix(#000, $golden-green, 20%);
.element {
color: $golden-green;
box-shadow: 0 0 0 2px rgba($golden-green, 0.35);
}