Cor nomeada · #888F4F
Vintage Vibe
Vintage Vibe é #888F4F: rgb(136 143 79), hsl(67 29% 44%), oklch(0.629 0.087 114). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Vintage Vibe color name →
#888F4F
oklch(0.629 0.087 114)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 939A61
- 9EA572
- AAB083
- B6BB95
- C1C6A6
- CDD1B8
- DADDC9
- E6E8DB
- F2F3ED
Sombras
- 757C44
- 636938
- 52572E
- 414523
- 313419
- 222410
- 131507
- 060702
- 010100
Tons
- 878E55
- 868C5B
- 858B60
- 858965
- 84886A
- 83866F
- 828573
- 818378
- 81827C
Harmonias de cor
Complementar +180°
- 888F4F
Vintage Vibe
- 8C7FB9
≈ Unimaginable
Análoga -30° +30°
- 888F4F
Vintage Vibe
- A28447
≈ Arrow Rock
- 689767
≈ Milpa
Tríade +120° +240°
- 888F4F
Vintage Vibe
- 4F92B6
≈ Vanity
- B3728C
≈ Tapestry
Complementar dividida +150° +210°
- 888F4F
Vintage Vibe
- 6E88BE
≈ Kimono
- A377A7
≈ Pleasant Dream
Tétrade +90° +180° +270°
- 888F4F
Vintage Vibe
- 3B98A1
≈ Mediterranean Swirl
- 8C7FB9
≈ Unimaginable
- B8746F
≈ Canyon Rose
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.44:1 · APCA Lc 62
Ag
AASobre preto
WCAG 6.08:1 · APCA Lc 40
Melhor cor de texto: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
Trechos de código
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);
}