命名颜色 · #B3A74B
Pickled
Pickled 即 #B3A74B：rgb(179 167 75)、hsl(53 41% 50%)、oklch(0.72 0.114 101.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Pickled color name →
#B3A74B
oklch(0.72 0.114 101.9)
颜色转换
- HEX
- #b3a74b
- RGB
- rgb(179 167 75)
- HSL
- hsl(53 41% 50%)
- HWB
- hwb(53 29% 30%)
- OKLCH
- oklch(0.72 0.114 101.9)
- OKLab
- oklab(0.72 -0.024 0.112)
- CIE Lab
- lab(68.14 -4.15 48.1)
- LCH
- lch(68.14 48.28 94.9)
- CMYK
- cmyk(0% 7% 58% 30%)
浅色调 · 深色调 · 灰色调
浅色调
- BAB060
- C2B973
- C9C185
- D0CA97
- D8D3A8
- E0DCB9
- E7E5CB
- EFEDDC
- F7F6EE
深色调
- 9B9140
- 847B35
- 6E662B
- 585221
- 433E17
- 2F2C0E
- 1D1A06
- 0C0A02
- 010100
灰色调
- AEA353
- A89F5A
- A39C60
- 9E9866
- 99946B
- 949070
- 8F8C74
- 8A8878
- 85847C
配色和谐
互补色 +180°
- B3A74B
Pickled
- 999BEA
≈ Cold Lips
类似色 -30° +30°
- B3A74B
Pickled
- D1984D
≈ Georgian Yellow
- 8AB467
≈ Nasturtium Leaf
三角配色 +120° +240°
- B3A74B
Pickled
- 3EB4D8
≈ Ocean Sigh
- D687B9
≈ Cyclamen
分裂互补色 +150° +210°
- B3A74B
Pickled
- 6EA9EA
≈ Greek Sea
- BD8FD8
≈ Lenurple
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.45:1 · APCA Lc 48
Ag
AAA黑底
WCAG 8.54:1 · APCA Lc 54
最佳文字颜色: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
代码片段
CSS
:root {
--pickled: #b3a74b;
--pickled-rgb: 179 167 75;
--pickled-oklch: oklch(0.72 0.114 101.9);
}
.element {
color: var(--pickled);
background-color: hsl(53 41% 50%);
border-color: oklch(0.72 0.114 101.9);
}Tailwind CSS v4
@theme {
--color-pickled: #b3a74b;
--color-pickled-50: #faf7d2;
--color-pickled-100: #eeeabf;
--color-pickled-200: #dcd79e;
--color-pickled-300: #c1bb74;
--color-pickled-400: #aca14b;
--color-pickled-500: #968811;
--color-pickled-600: #7f7314;
--color-pickled-700: #655c11;
--color-pickled-800: #4c4308;
--color-pickled-900: #352e06;
--color-pickled-950: #201b00;
}SCSS
$pickled: #b3a74b;
$pickled-rgb: 179, 167, 75;
$pickled-light: mix(#fff, $pickled, 20%);
$pickled-dark: mix(#000, $pickled, 20%);
.element {
color: $pickled;
box-shadow: 0 0 0 2px rgba($pickled, 0.35);
}