Cor nomeada · #4D5F4F
Vine Leaf
Vine Leaf é #4D5F4F: rgb(77 95 79), hsl(127 10% 34%), oklch(0.465 0.034 148.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Vine Leaf color name →
#4D5F4F
oklch(0.465 0.034 148.1)
Conversões de cor
- HEX
- #4d5f4f
- RGB
- rgb(77 95 79)
- HSL
- hsl(127 10% 34%)
- HWB
- hwb(127 30% 63%)
- OKLCH
- oklch(0.465 0.034 148.1)
- OKLab
- oklab(0.465 -0.029 0.018)
- CIE Lab
- lab(38.43 -9.81 6.81)
- LCH
- lch(38.43 11.94 145.2)
- CMYK
- cmyk(19% 0% 17% 63%)
Tons claros · Sombras · Tons
Tons claros
- 5D6E5F
- 6E7D6F
- 7F8C80
- 909C91
- A2ACA3
- B4BCB4
- C6CCC7
- D9DDD9
- ECEEEC
Sombras
- 425244
- 374438
- 2C382E
- 222C23
- 182019
- 0F1510
- 070A07
- 020302
- 000000
Tons
- 526254
- 576659
- 5C695D
- 616C62
- 666F67
- 6B736C
- 707671
- 767976
- 7B7D7B
Harmonias de cor
Complementar +180°
- 4D5F4F
Vine Leaf
- 645363
≈ Purple Trinket
Análoga -30° +30°
- 4D5F4F
Vine Leaf
- 585C47
≈ Rookwood Dark Green
- 456059
≈ New Hunter
Tríade +120° +240°
- 4D5F4F
Vine Leaf
- 51596D
≈ Midnight Sun
- 6B534F
≈ Semi Sweet
Complementar dividida +150° +210°
- 4D5F4F
Vine Leaf
- 5C566A
≈ Ripe Berry
- 6A5259
≈ Ripe Fig
Tétrade +90° +180° +270°
- 4D5F4F
Vine Leaf
- 485D6B
≈ Seven Seas
- 645363
≈ Purple Trinket
- 685547
≈ Centre Earth
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.85:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 3.06:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 6.85:1 (AA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--vine-leaf: #4d5f4f;
--vine-leaf-rgb: 77 95 79;
--vine-leaf-oklch: oklch(0.465 0.034 148.1);
}
.element {
color: var(--vine-leaf);
background-color: hsl(127 10% 34%);
border-color: oklch(0.465 0.034 148.1);
}Tailwind CSS v4
@theme {
--color-vine-leaf: #4d5f4f;
--color-vine-leaf-50: #eff8f0;
--color-vine-leaf-100: #e0ebe2;
--color-vine-leaf-200: #cbd9cd;
--color-vine-leaf-300: #acbdae;
--color-vine-leaf-400: #92a493;
--color-vine-leaf-500: #788d7a;
--color-vine-leaf-600: #657767;
--color-vine-leaf-700: #515f52;
--color-vine-leaf-800: #3b463b;
--color-vine-leaf-900: #293029;
--color-vine-leaf-950: #161c17;
}SCSS
$vine-leaf: #4d5f4f;
$vine-leaf-rgb: 77, 95, 79;
$vine-leaf-light: mix(#fff, $vine-leaf, 20%);
$vine-leaf-dark: mix(#000, $vine-leaf, 20%);
.element {
color: $vine-leaf;
box-shadow: 0 0 0 2px rgba($vine-leaf, 0.35);
}