Colore con nome · #4D5F4F
Vine Leaf
Vine Leaf è #4D5F4F: rgb(77 95 79), hsl(127 10% 34%), oklch(0.465 0.034 148.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Vine Leaf color name →
#4D5F4F
oklch(0.465 0.034 148.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 5D6E5F
- 6E7D6F
- 7F8C80
- 909C91
- A2ACA3
- B4BCB4
- C6CCC7
- D9DDD9
- ECEEEC
Ombre
- 425244
- 374438
- 2C382E
- 222C23
- 182019
- 0F1510
- 070A07
- 020302
- 000000
Toni
- 526254
- 576659
- 5C695D
- 616C62
- 666F67
- 6B736C
- 707671
- 767976
- 7B7D7B
Armonie di colore
Complementare +180°
- 4D5F4F
Vine Leaf
- 645363
≈ Purple Trinket
Analogo -30° +30°
- 4D5F4F
Vine Leaf
- 585C47
≈ Rookwood Dark Green
- 456059
≈ New Hunter
Triadico +120° +240°
- 4D5F4F
Vine Leaf
- 51596D
≈ Midnight Sun
- 6B534F
≈ Semi Sweet
Complementare divisa +150° +210°
- 4D5F4F
Vine Leaf
- 5C566A
≈ Ripe Berry
- 6A5259
≈ Ripe Fig
Tetradico +90° +180° +270°
- 4D5F4F
Vine Leaf
- 485D6B
≈ Seven Seas
- 645363
≈ Purple Trinket
- 685547
≈ Centre Earth
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.85:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.06:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.85:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
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);
}