Cor nomeada · #BFB065
Riesling Grape
Riesling Grape é #BFB065: rgb(191 176 101), hsl(50 41% 57%), oklch(0.754 0.097 98.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Riesling Grape color name →
#BFB065
oklch(0.754 0.097 98.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C5B875
- CBC085
- D2C895
- D8D0A4
- DED7B3
- E5DFC2
- EBE7D1
- F2EFE1
- F8F7F0
Sombras
- A69957
- 8D8249
- 756C3C
- 5E562F
- 484222
- 332E17
- 1F1C0C
- 0D0B03
- 020100
Tons
- B8AB69
- B2A66D
- ACA270
- A59D73
- 9F9876
- 999378
- 928E7A
- 8C8A7C
- 86857E
Harmonias de cor
Complementar +180°
- BFB065
Riesling Grape
- A1A9EC
≈ Maximum Blue Purple
Análoga -30° +30°
- BFB065
Riesling Grape
- D8A369
≈ Western Sunrise
- 9DBB78
≈ Gleeful
Tríade +120° +240°
- BFB065
Riesling Grape
- 5EBED8
≈ Sea Capture
- D897C4
≈ Firm Pink
Complementar dividida +150° +210°
- BFB065
Riesling Grape
- 7DB5EA
≈ Aero
- C09EDF
≈ Silver Rust
Tétrade +90° +180° +270°
- BFB065
Riesling Grape
- 5BC3BB
≈ Port Hope
- A1A9EC
≈ Maximum Blue Purple
- E595A3
≈ Marker Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.18:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.61:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.61:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
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);
}