Color con nombre · #4F4D48
Vintage Frame
Vintage Frame es #4F4D48: rgb(79 77 72), hsl(43 5% 30%), oklch(0.42 0.009 88.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Vintage Frame color name →
#4F4D48
oklch(0.42 0.009 88.7)
Conversiones de color
- HEX
- #4f4d48
- RGB
- rgb(79 77 72)
- HSL
- hsl(43 5% 30%)
- HWB
- hwb(43 28% 69%)
- OKLCH
- oklch(0.42 0.009 88.7)
- OKLab
- oklab(0.42 0 0.009)
- CIE Lab
- lab(32.82 0.08 3.29)
- LCH
- lch(32.82 3.29 88.6)
- CMYK
- cmyk(0% 3% 9% 69%)
Tintes · Sombras · Tonos
Tintes
- 5F5D58
- 6F6D69
- 807E7B
- 91908C
- A2A19F
- B4B3B1
- C7C6C4
- D9D9D7
- ECECEB
Sombras
- 44423D
- 383733
- 2E2C29
- 23221F
- 191816
- 100F0D
- 070706
- 020202
- 000000
Tonos
- 54524D
- 585753
- 5D5C58
- 62615E
- 676663
- 6C6B69
- 71706F
- 767574
- 7B7B7A
Armonías de color
Complementario +180°
- 4F4D48
Vintage Frame
- 4B4D52
≈ Poppy Seed
Análogo -30° +30°
- 4F4D48
Vintage Frame
- 514C49
≈ Charadon Granite
- 4D4E49
≈ Merlin
Triádico +120° +240°
- 4F4D48
Vintage Frame
- 484F50
≈ Cover of Night
- 504C4F
≈ Perle Noir
Complementario dividido +150° +210°
- 4F4D48
Vintage Frame
- 494E51
≈ Blackwood
- 4E4C51
≈ Perle Noir
Tetrádico +90° +180° +270°
- 4F4D48
Vintage Frame
- 484F4D
≈ Cover of Night
- 4B4D52
≈ Poppy Seed
- 514B4D
≈ Underground Civilization
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.44:1 · APCA Lc 89
Ag
FailSobre negro
WCAG 2.48:1 · APCA Lc 13
Mejor color de texto: #FFFFFF
WCAG 8.44:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmentos de código
CSS
:root {
--vintage-frame: #4f4d48;
--vintage-frame-rgb: 79 77 72;
--vintage-frame-oklch: oklch(0.42 0.009 88.7);
}
.element {
color: var(--vintage-frame);
background-color: hsl(43 5% 30%);
border-color: oklch(0.42 0.009 88.7);
}Tailwind CSS v4
@theme {
--color-vintage-frame: #4f4d48;
--color-vintage-frame-50: #f6f5f2;
--color-vintage-frame-100: #e9e8e5;
--color-vintage-frame-200: #d5d4d0;
--color-vintage-frame-300: #b9b7b2;
--color-vintage-frame-400: #a09e99;
--color-vintage-frame-500: #888680;
--color-vintage-frame-600: #73716c;
--color-vintage-frame-700: #5c5b57;
--color-vintage-frame-800: #44423f;
--color-vintage-frame-900: #2f2e2b;
--color-vintage-frame-950: #1b1a19;
}SCSS
$vintage-frame: #4f4d48;
$vintage-frame-rgb: 79, 77, 72;
$vintage-frame-light: mix(#fff, $vintage-frame, 20%);
$vintage-frame-dark: mix(#000, $vintage-frame, 20%);
.element {
color: $vintage-frame;
box-shadow: 0 0 0 2px rgba($vintage-frame, 0.35);
}