Benannte Farbe · #888F4F
Vintage Vibe
Vintage Vibe ist #888F4F: rgb(136 143 79), hsl(67 29% 44%), oklch(0.629 0.087 114). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Vintage Vibe color name →
#888F4F
oklch(0.629 0.087 114)
Farbumrechnungen
- HEX
- #888f4f
- RGB
- rgb(136 143 79)
- HSL
- hsl(67 29% 44%)
- HWB
- hwb(67 31% 44%)
- OKLCH
- oklch(0.629 0.087 114)
- OKLab
- oklab(0.629 -0.036 0.08)
- CIE Lab
- lab(57.7 -10.14 32.97)
- LCH
- lch(57.7 34.49 107.1)
- CMYK
- cmyk(5% 0% 45% 44%)
Tints · Shades · Tones
Tints
- 939A61
- 9EA572
- AAB083
- B6BB95
- C1C6A6
- CDD1B8
- DADDC9
- E6E8DB
- F2F3ED
Shades
- 757C44
- 636938
- 52572E
- 414523
- 313419
- 222410
- 131507
- 060702
- 010100
Tones
- 878E55
- 868C5B
- 858B60
- 858965
- 84886A
- 83866F
- 828573
- 818378
- 81827C
Farbharmonien
Komplementär +180°
- 888F4F
Vintage Vibe
- 8C7FB9
≈ Unimaginable
Analog -30° +30°
- 888F4F
Vintage Vibe
- A28447
≈ Arrow Rock
- 689767
≈ Milpa
Triadisch +120° +240°
- 888F4F
Vintage Vibe
- 4F92B6
≈ Vanity
- B3728C
≈ Tapestry
Geteilt komplementär +150° +210°
- 888F4F
Vintage Vibe
- 6E88BE
≈ Kimono
- A377A7
≈ Pleasant Dream
Tetradisch +90° +180° +270°
- 888F4F
Vintage Vibe
- 3B98A1
≈ Mediterranean Swirl
- 8C7FB9
≈ Unimaginable
- B8746F
≈ Canyon Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.44:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.08:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--vintage-vibe: #888f4f;
--vintage-vibe-rgb: 136 143 79;
--vintage-vibe-oklch: oklch(0.629 0.087 114);
}
.element {
color: var(--vintage-vibe);
background-color: hsl(67 29% 44%);
border-color: oklch(0.629 0.087 114);
}Tailwind CSS v4
@theme {
--color-vintage-vibe: #888f4f;
--color-vintage-vibe-50: #f3f9dd;
--color-vintage-vibe-100: #e6eccb;
--color-vintage-vibe-200: #d2d9af;
--color-vintage-vibe-300: #b5bd8a;
--color-vintage-vibe-400: #9da568;
--color-vintage-vibe-500: #858d45;
--color-vintage-vibe-600: #71773b;
--color-vintage-vibe-700: #5a5f2f;
--color-vintage-vibe-800: #434520;
--color-vintage-vibe-900: #2e3015;
--color-vintage-vibe-950: #1b1c07;
}SCSS
$vintage-vibe: #888f4f;
$vintage-vibe-rgb: 136, 143, 79;
$vintage-vibe-light: mix(#fff, $vintage-vibe, 20%);
$vintage-vibe-dark: mix(#000, $vintage-vibe, 20%);
.element {
color: $vintage-vibe;
box-shadow: 0 0 0 2px rgba($vintage-vibe, 0.35);
}