Màu có tên · #BFB065
Riesling Grape
Riesling Grape là #BFB065: rgb(191 176 101), hsl(50 41% 57%), oklch(0.754 0.097 98.3). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Riesling Grape color name →
#BFB065
oklch(0.754 0.097 98.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C5B875
- CBC085
- D2C895
- D8D0A4
- DED7B3
- E5DFC2
- EBE7D1
- F2EFE1
- F8F7F0
Sắc đậm
- A69957
- 8D8249
- 756C3C
- 5E562F
- 484222
- 332E17
- 1F1C0C
- 0D0B03
- 020100
Sắc xám
- B8AB69
- B2A66D
- ACA270
- A59D73
- 9F9876
- 999378
- 928E7A
- 8C8A7C
- 86857E
Hòa sắc
Bổ túc +180°
- BFB065
Riesling Grape
- A1A9EC
≈ Maximum Blue Purple
Tương đồng -30° +30°
- BFB065
Riesling Grape
- D8A369
≈ Western Sunrise
- 9DBB78
≈ Gleeful
Bộ ba +120° +240°
- BFB065
Riesling Grape
- 5EBED8
≈ Sea Capture
- D897C4
≈ Firm Pink
Bổ túc chia +150° +210°
- BFB065
Riesling Grape
- 7DB5EA
≈ Aero
- C09EDF
≈ Silver Rust
Bộ bốn +90° +180° +270°
- BFB065
Riesling Grape
- 5BC3BB
≈ Port Hope
- A1A9EC
≈ Maximum Blue Purple
- E595A3
≈ Marker Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.18:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.61:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.61:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
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);
}