Named color · #647F4A
Green Knoll
Green Knoll is #647F4A: rgb(100 127 74), hsl(91 26% 39%), oklch(0.562 0.083 130.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Green Knoll color name →
#647F4A
oklch(0.562 0.083 130.7)
Color conversions
- HEX
- #647f4a
- RGB
- rgb(100 127 74)
- HSL
- hsl(91 26% 39%)
- HWB
- hwb(91 29% 50%)
- OKLCH
- oklch(0.562 0.083 130.7)
- OKLab
- oklab(0.562 -0.054 0.063)
- CIE Lab
- lab(50.06 -17.56 25.48)
- LCH
- lch(50.06 30.94 124.6)
- CMYK
- cmyk(21% 0% 42% 50%)
Tints · Shades · Tones
Tints
- 728B5B
- 81986D
- 90A47E
- 9FB190
- AFBEA2
- BECAB4
- CED7C6
- DEE4D9
- EEF2EC
Shades
- 566E3F
- 485D35
- 3B4C2A
- 2E3C20
- 222D17
- 161F0E
- 0B1106
- 030602
- 000100
Tones
- 677F50
- 6A7F56
- 6C805B
- 6F8061
- 728066
- 75806B
- 788071
- 7A8076
- 7D807B
Color harmonies
Complementary +180°
- 647F4A
Green Knoll
- 846799
≈ Dark Lavender
Analogous -30° +30°
- 647F4A
Green Knoll
- 807639
≈ Trellis Climber
- 448465
≈ Leisure Green
Triadic +120° +240°
- 647F4A
Green Knoll
- 4E78A4
≈ Pacifica
- 9F6069
≈ Pizza Pie
Split-complementary +150° +210°
- 647F4A
Green Knoll
- 6C6FA5
≈ Kimberlite
- 966184
≈ Raspberry Jelly Red
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 4.49:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.67:1 · APCA Lc 31
Best text color: #000000
WCAG 4.67:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--green-knoll: #647f4a;
--green-knoll-rgb: 100 127 74;
--green-knoll-oklch: oklch(0.562 0.083 130.7);
}
.element {
color: var(--green-knoll);
background-color: hsl(91 26% 39%);
border-color: oklch(0.562 0.083 130.7);
}Tailwind CSS v4
@theme {
--color-green-knoll: #647f4a;
--color-green-knoll-50: #ecfbe3;
--color-green-knoll-100: #ddeed2;
--color-green-knoll-200: #c7dcb8;
--color-green-knoll-300: #a7c195;
--color-green-knoll-400: #8ea975;
--color-green-knoll-500: #739156;
--color-green-knoll-600: #627b49;
--color-green-knoll-700: #4e633a;
--color-green-knoll-800: #3a4828;
--color-green-knoll-900: #27321b;
--color-green-knoll-950: #161e0b;
}SCSS
$green-knoll: #647f4a;
$green-knoll-rgb: 100, 127, 74;
$green-knoll-light: mix(#fff, $green-knoll, 20%);
$green-knoll-dark: mix(#000, $green-knoll, 20%);
.element {
color: $green-knoll;
box-shadow: 0 0 0 2px rgba($green-knoll, 0.35);
}