Named color · #679B6A
Leafy
Leafy is #679B6A: rgb(103 155 106), hsl(123 21% 51%), oklch(0.64 0.091 145.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Leafy color name →
#679B6A
oklch(0.64 0.091 145.8)
Color conversions
- HEX
- #679b6a
- RGB
- rgb(103 155 106)
- HSL
- hsl(123 21% 51%)
- HWB
- hwb(123 40% 39%)
- OKLCH
- oklch(0.64 0.091 145.8)
- OKLab
- oklab(0.64 -0.075 0.051)
- CIE Lab
- lab(59.33 -25.81 20.06)
- LCH
- lch(59.33 32.69 142.1)
- CMYK
- cmyk(34% 0% 32% 39%)
Tints · Shades · Tones
Tints
- 76A578
- 85AF87
- 94B995
- A3C2A4
- B2CCB3
- C1D6C2
- D0E1D1
- E0EBE0
- EFF5EF
Shades
- 59865B
- 4B724D
- 3D5E3F
- 304B31
- 233924
- 172818
- 0C180D
- 040904
- 000100
Tones
- 6A986C
- 6D966F
- 709371
- 729074
- 758E76
- 778B78
- 7A887A
- 7C867C
- 7E837E
Color harmonies
Complementary +180°
- 679B6A
Leafy
- A978AA
≈ Pleasant Dream
Analogous -30° +30°
- 679B6A
Leafy
- 899350
≈ Bold Avocado
- 459E8A
≈ Dioptase Green
Triadic +120° +240°
- 679B6A
Leafy
- 728BC4
≈ Hydrangea
- BD766F
≈ Nipple
Split-complementary +150° +210°
- 679B6A
Leafy
- 9181BD
≈ Bravo!
- B8748E
≈ Strawberry Surprise
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.24:1 · APCA Lc 60
Ag
AAOn black
WCAG 6.47:1 · APCA Lc 42
Best text color: #000000
WCAG 6.47:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--leafy: #679b6a;
--leafy-rgb: 103 155 106;
--leafy-oklch: oklch(0.64 0.091 145.8);
}
.element {
color: var(--leafy);
background-color: hsl(123 21% 51%);
border-color: oklch(0.64 0.091 145.8);
}Tailwind CSS v4
@theme {
--color-leafy: #679b6a;
--color-leafy-50: #e5fde7;
--color-leafy-100: #d4f1d7;
--color-leafy-200: #bbe0bf;
--color-leafy-300: #98c59d;
--color-leafy-400: #7bad7e;
--color-leafy-500: #5d9661;
--color-leafy-600: #4f7f52;
--color-leafy-700: #3f6641;
--color-leafy-800: #2e4b2e;
--color-leafy-900: #1f341f;
--color-leafy-950: #0f1f0f;
}SCSS
$leafy: #679b6a;
$leafy-rgb: 103, 155, 106;
$leafy-light: mix(#fff, $leafy, 20%);
$leafy-dark: mix(#000, $leafy, 20%);
.element {
color: $leafy;
box-shadow: 0 0 0 2px rgba($leafy, 0.35);
}