Nazwany kolor · #888F4F
Vintage Vibe
Vintage Vibe to #888F4F: rgb(136 143 79), hsl(67 29% 44%), oklch(0.629 0.087 114). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Vintage Vibe color name →
#888F4F
oklch(0.629 0.087 114)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 939A61
- 9EA572
- AAB083
- B6BB95
- C1C6A6
- CDD1B8
- DADDC9
- E6E8DB
- F2F3ED
Odcienie ciemniejsze
- 757C44
- 636938
- 52572E
- 414523
- 313419
- 222410
- 131507
- 060702
- 010100
Tony
- 878E55
- 868C5B
- 858B60
- 858965
- 84886A
- 83866F
- 828573
- 818378
- 81827C
Harmonie kolorów
Komplementarna +180°
- 888F4F
Vintage Vibe
- 8C7FB9
≈ Unimaginable
Analogowa -30° +30°
- 888F4F
Vintage Vibe
- A28447
≈ Arrow Rock
- 689767
≈ Milpa
Triada +120° +240°
- 888F4F
Vintage Vibe
- 4F92B6
≈ Vanity
- B3728C
≈ Tapestry
Komplementarna rozszczepiona +150° +210°
- 888F4F
Vintage Vibe
- 6E88BE
≈ Kimono
- A377A7
≈ Pleasant Dream
Tetrada +90° +180° +270°
- 888F4F
Vintage Vibe
- 3B98A1
≈ Mediterranean Swirl
- 8C7FB9
≈ Unimaginable
- B8746F
≈ Canyon Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.44:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.08:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
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);
}