命名颜色 · #BFB065
Riesling Grape
Riesling Grape 即 #BFB065：rgb(191 176 101)、hsl(50 41% 57%)、oklch(0.754 0.097 98.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Riesling Grape color name →
#BFB065
oklch(0.754 0.097 98.3)
颜色转换
- HEX
- #bfb065
- RGB
- rgb(191 176 101)
- HSL
- hsl(50 41% 57%)
- HWB
- hwb(50 40% 25%)
- OKLCH
- oklch(0.754 0.097 98.3)
- OKLab
- oklab(0.754 -0.014 0.096)
- CIE Lab
- lab(71.9 -1.96 40.21)
- LCH
- lch(71.9 40.26 92.8)
- CMYK
- cmyk(0% 8% 47% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C5B875
- CBC085
- D2C895
- D8D0A4
- DED7B3
- E5DFC2
- EBE7D1
- F2EFE1
- F8F7F0
深色调
- A69957
- 8D8249
- 756C3C
- 5E562F
- 484222
- 332E17
- 1F1C0C
- 0D0B03
- 020100
灰色调
- B8AB69
- B2A66D
- ACA270
- A59D73
- 9F9876
- 999378
- 928E7A
- 8C8A7C
- 86857E
配色和谐
互补色 +180°
- BFB065
Riesling Grape
- A1A9EC
≈ Maximum Blue Purple
类似色 -30° +30°
- BFB065
Riesling Grape
- D8A369
≈ Western Sunrise
- 9DBB78
≈ Gleeful
三角配色 +120° +240°
- BFB065
Riesling Grape
- 5EBED8
≈ Sea Capture
- D897C4
≈ Firm Pink
分裂互补色 +150° +210°
- BFB065
Riesling Grape
- 7DB5EA
≈ Aero
- C09EDF
≈ Silver Rust
四角配色 +90° +180° +270°
- BFB065
Riesling Grape
- 5BC3BB
≈ Port Hope
- A1A9EC
≈ Maximum Blue Purple
- E595A3
≈ Marker Pink
对比度与无障碍
Ag
Fail白底
WCAG 2.18:1 · APCA Lc 43
Ag
AAA黑底
WCAG 9.61:1 · APCA Lc 59
最佳文字颜色: #000000
WCAG 9.61:1 (AAA) · APCA Lc 59
Contrast pairs
代码片段
CSS
:root {
--riesling-grape: #bfb065;
--riesling-grape-rgb: 191 176 101;
--riesling-grape-oklch: oklch(0.754 0.097 98.3);
}
.element {
color: var(--riesling-grape);
background-color: hsl(50 41% 57%);
border-color: oklch(0.754 0.097 98.3);
}Tailwind CSS v4
@theme {
--color-riesling-grape: #bfb065;
--color-riesling-grape-50: #fbf6d7;
--color-riesling-grape-100: #efe9c4;
--color-riesling-grape-200: #ddd6a6;
--color-riesling-grape-300: #c2b97f;
--color-riesling-grape-400: #ad9f59;
--color-riesling-grape-500: #978730;
--color-riesling-grape-600: #80722a;
--color-riesling-grape-700: #665b22;
--color-riesling-grape-800: #4c4216;
--color-riesling-grape-900: #352e0e;
--color-riesling-grape-950: #201a02;
}SCSS
$riesling-grape: #bfb065;
$riesling-grape-rgb: 191, 176, 101;
$riesling-grape-light: mix(#fff, $riesling-grape, 20%);
$riesling-grape-dark: mix(#000, $riesling-grape, 20%);
.element {
color: $riesling-grape;
box-shadow: 0 0 0 2px rgba($riesling-grape, 0.35);
}