Benannte Farbe · #DBBC6C
Pineapple Wine
Pineapple Wine ist #DBBC6C: rgb(219 188 108), hsl(43 61% 64%), oklch(0.805 0.106 88.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Pineapple Wine color name →
#DBBC6C
oklch(0.805 0.106 88.8)
Farbumrechnungen
- HEX
- #dbbc6c
- RGB
- rgb(219 188 108)
- HSL
- hsl(43 61% 64%)
- HWB
- hwb(43 42% 14%)
- OKLCH
- oklch(0.805 0.106 88.8)
- OKLab
- oklab(0.805 0.002 0.106)
- CIE Lab
- lab(77.71 4.1 44.43)
- LCH
- lch(77.71 44.62 84.7)
- CMYK
- cmyk(0% 14% 51% 14%)
Tints · Shades · Tones
Tints
- DFC37C
- E2CA8B
- E6D09A
- E9D7A9
- EDDEB8
- F1E4C6
- F4EBD4
- F8F2E3
- FBF8F1
Shades
- BEA35D
- A28B4E
- 877340
- 6D5D32
- 544725
- 3C3219
- 261F0D
- 110D04
- 020200
Tones
- D2B670
- C8B073
- BFAA75
- B6A478
- AD9E7A
- A3987B
- 9A927D
- 928C7E
- 89867F
Farbharmonien
Komplementär +180°
- DBBC6C
Pineapple Wine
- A5BDFF
≈ Pastel Blue
Analog -30° +30°
- DBBC6C
Pineapple Wine
- F3AF79
≈ Exciting Orange
- B8C979
≈ Floral Bouquet
Triadisch +120° +240°
- DBBC6C
Pineapple Wine
- 60D2E4
≈ Summer of ’82
- E5A7E1
≈ Candy Floss
Geteilt komplementär +150° +210°
- DBBC6C
Pineapple Wine
- 7BC9FC
≈ Chromis Damsel Blue
- C8B0FB
≈ Teasel Dipsacus
Tetradisch +90° +180° +270°
- DBBC6C
Pineapple Wine
- 69D6C0
≈ Turquoise Twist
- A5BDFF
≈ Pastel Blue
- F8A2BE
≈ Rogue Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.83:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.42:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--pineapple-wine: #dbbc6c;
--pineapple-wine-rgb: 219 188 108;
--pineapple-wine-oklch: oklch(0.805 0.106 88.8);
}
.element {
color: var(--pineapple-wine);
background-color: hsl(43 61% 64%);
border-color: oklch(0.805 0.106 88.8);
}Tailwind CSS v4
@theme {
--color-pineapple-wine: #dbbc6c;
--color-pineapple-wine-50: #fff5d4;
--color-pineapple-wine-100: #f5e7c0;
--color-pineapple-wine-200: #e5d3a1;
--color-pineapple-wine-300: #ccb678;
--color-pineapple-wine-400: #b89b50;
--color-pineapple-wine-500: #a38220;
--color-pineapple-wine-600: #896e1e;
--color-pineapple-wine-700: #6e5818;
--color-pineapple-wine-800: #523f0f;
--color-pineapple-wine-900: #392c09;
--color-pineapple-wine-950: #241900;
}SCSS
$pineapple-wine: #dbbc6c;
$pineapple-wine-rgb: 219, 188, 108;
$pineapple-wine-light: mix(#fff, $pineapple-wine, 20%);
$pineapple-wine-dark: mix(#000, $pineapple-wine, 20%);
.element {
color: $pineapple-wine;
box-shadow: 0 0 0 2px rgba($pineapple-wine, 0.35);
}