Nearest named color · #6F9B60
#6F9B60
Nearest named color: Mosslands
#6F9B60 (rgb(111 155 96), hsl(105 24% 49%), oklch(0.642 0.097 138)) is closest to the named color Mosslands. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6F9B60
oklch(0.642 0.097 138)
Color conversions
- HEX
- #6f9b60
- RGB
- rgb(111 155 96)
- HSL
- hsl(105 24% 49%)
- HWB
- hwb(105 38% 39%)
- OKLCH
- oklch(0.642 0.097 138)
- OKLab
- oklab(0.642 -0.072 0.065)
- CIE Lab
- lab(59.66 -24.19 25.98)
- LCH
- lch(59.66 35.5 133)
- CMYK
- cmyk(28% 0% 38% 39%)
Tints · Shades · Tones
Tints
- 7DA570
- 8BAF7F
- 99B98F
- A7C39E
- B6CCAE
- C4D7BE
- D3E1CE
- E1EBDE
- F0F5EF
Shades
- 608652
- 517245
- 425E38
- 344B2C
- 273920
- 1A2815
- 0E180A
- 040903
- 010100
Tones
- 719864
- 739667
- 75936B
- 77916E
- 788E71
- 7A8B74
- 7C8877
- 7D867A
- 7F837D
Color harmonies
Complementary +180°
- 6F9B60
Mosslands
- A67AB3
≈ Berries Galore
Analogous -30° +30°
- 6F9B60
Mosslands
- 939147
≈ Delta Break
- 48A081
≈ Inspiration Peak
Triadic +120° +240°
- 6F9B60
Mosslands
- 678EC8
≈ Provence
- C17476
≈ Brandied Apricot
Split-complementary +150° +210°
- 6F9B60
Mosslands
- 8A83C5
≈ Faraway Sky
- B97497
≈ First Plum
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.21:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.53:1 · APCA Lc 42
Best text color: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--mosslands: #6f9b60;
--mosslands-rgb: 111 155 96;
--mosslands-oklch: oklch(0.642 0.097 138);
}
.element {
color: var(--mosslands);
background-color: hsl(105 24% 49%);
border-color: oklch(0.642 0.097 138);
}Tailwind CSS v4
@theme {
--color-mosslands: #6f9b60;
--color-mosslands-50: #e7fde2;
--color-mosslands-100: #d7f0d2;
--color-mosslands-200: #bfdfb8;
--color-mosslands-300: #9dc495;
--color-mosslands-400: #82ac74;
--color-mosslands-500: #659554;
--color-mosslands-600: #567e48;
--color-mosslands-700: #446539;
--color-mosslands-800: #334a27;
--color-mosslands-900: #22331a;
--color-mosslands-950: #111f0b;
}SCSS
$mosslands: #6f9b60;
$mosslands-rgb: 111, 155, 96;
$mosslands-light: mix(#fff, $mosslands, 20%);
$mosslands-dark: mix(#000, $mosslands, 20%);
.element {
color: $mosslands;
box-shadow: 0 0 0 2px rgba($mosslands, 0.35);
}