Named color · #4C7C4B
Melbourne
Melbourne is #4C7C4B: rgb(76 124 75), hsl(119 25% 39%), oklch(0.539 0.091 143.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Melbourne color name →
#4C7C4B
oklch(0.539 0.091 143.7)
Color conversions
- HEX
- #4c7c4b
- RGB
- rgb(76 124 75)
- HSL
- hsl(119 25% 39%)
- HWB
- hwb(119 29% 51%)
- OKLCH
- oklch(0.539 0.091 143.7)
- OKLab
- oklab(0.539 -0.074 0.054)
- CIE Lab
- lab(47.6 -25.07 21.44)
- LCH
- lch(47.6 32.99 139.5)
- CMYK
- cmyk(39% 0% 40% 51%)
Tints · Shades · Tones
Tints
- 5D895C
- 6F956D
- 80A27E
- 92AF90
- A3BCA2
- B5C9B4
- C7D7C6
- DAE4D9
- ECF1EC
Shades
- 416B40
- 365A35
- 2C4A2B
- 223B21
- 182C17
- 0F1E0E
- 061106
- 020502
- 000100
Tones
- 527D51
- 577D56
- 5D7E5C
- 627E61
- 677F66
- 6C7F6B
- 717F71
- 768076
- 7B807B
Color harmonies
Complementary +180°
- 4C7C4B
Melbourne
- 885B8C
≈ Ancient Murasaki Purple
Analogous -30° +30°
- 4C7C4B
Melbourne
- 6E7430
≈ Olive Drab
- 237F6A
≈ Green Fingers
Triadic +120° +240°
- 4C7C4B
Melbourne
- 536DA4
≈ Chesty Bond
- 9D5854
≈ Walleye
Split-complementary +150° +210°
- 4C7C4B
Melbourne
- 71639E
≈ Scampi
- 975772
≈ Pink Tulip
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.89:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.29:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--melbourne: #4c7c4b;
--melbourne-rgb: 76 124 75;
--melbourne-oklch: oklch(0.539 0.091 143.7);
}
.element {
color: var(--melbourne);
background-color: hsl(119 25% 39%);
border-color: oklch(0.539 0.091 143.7);
}Tailwind CSS v4
@theme {
--color-melbourne: #4c7c4b;
--color-melbourne-50: #e5fde6;
--color-melbourne-100: #d5f1d6;
--color-melbourne-200: #bcdfbd;
--color-melbourne-300: #9ac49b;
--color-melbourne-400: #7dad7c;
--color-melbourne-500: #5f965e;
--color-melbourne-600: #517f50;
--color-melbourne-700: #416640;
--color-melbourne-800: #304a2c;
--color-melbourne-900: #20341e;
--color-melbourne-950: #101f0e;
}SCSS
$melbourne: #4c7c4b;
$melbourne-rgb: 76, 124, 75;
$melbourne-light: mix(#fff, $melbourne, 20%);
$melbourne-dark: mix(#000, $melbourne, 20%);
.element {
color: $melbourne;
box-shadow: 0 0 0 2px rgba($melbourne, 0.35);
}