Named color · #8CB295
Morris Artichoke
Morris Artichoke is #8CB295: rgb(140 178 149), hsl(134 20% 62%), oklch(0.727 0.059 152). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Morris Artichoke color name →
#8CB295
oklch(0.727 0.059 152)
Color conversions
- HEX
- #8cb295
- RGB
- rgb(140 178 149)
- HSL
- hsl(134 20% 62%)
- HWB
- hwb(134 55% 30%)
- OKLCH
- oklch(0.727 0.059 152)
- OKLab
- oklab(0.727 -0.052 0.028)
- CIE Lab
- lab(69.16 -17.77 10.48)
- LCH
- lch(69.16 20.63 149.5)
- CMYK
- cmyk(21% 0% 16% 30%)
Tints · Shades · Tones
Tints
- 97BA9F
- A3C1A9
- AEC9B4
- B9D0BE
- C5D8C9
- D0E0D4
- DCE8DE
- E8EFE9
- F3F7F4
Shades
- 799A81
- 67836D
- 556D5A
- 435748
- 334337
- 232F26
- 141D16
- 070C08
- 010101
Tones
- 8BAD93
- 8AA891
- 89A38F
- 889E8D
- 87998B
- 859488
- 848F86
- 838A84
- 818582
Color harmonies
Complementary +180°
- 8CB295
Morris Artichoke
- BE9AB8
≈ Dripping Wisteria
Analogous -30° +30°
- 8CB295
Morris Artichoke
- A0AD84
≈ Cucumber Crush
- 7DB3AA
≈ Melodious
Triadic +120° +240°
- 8CB295
Morris Artichoke
- 9AA5CD
≈ Venus Flower
- C99A90
≈ Calliope
Split-complementary +150° +210°
- 8CB295
Morris Artichoke
- AD9FC6
≈ Purple Rose
- C798A4
≈ Cooing Doves
Tetradic +90° +180° +270°
- 8CB295
Morris Artichoke
- 87ACC9
≈ Colorado Springs
- BE9AB8
≈ Dripping Wisteria
- C29F81
≈ Retributor Armour Metal
Contrast & accessibility
Ag
FailOn white
WCAG 2.35:1 · APCA Lc 46
Ag
AAAOn black
WCAG 8.91:1 · APCA Lc 56
Best text color: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--morris-artichoke: #8cb295;
--morris-artichoke-rgb: 140 178 149;
--morris-artichoke-oklch: oklch(0.727 0.059 152);
}
.element {
color: var(--morris-artichoke);
background-color: hsl(134 20% 62%);
border-color: oklch(0.727 0.059 152);
}Tailwind CSS v4
@theme {
--color-morris-artichoke: #8cb295;
--color-morris-artichoke-50: #e9faee;
--color-morris-artichoke-100: #daeedf;
--color-morris-artichoke-200: #c2dcc9;
--color-morris-artichoke-300: #a1c1aa;
--color-morris-artichoke-400: #85a98e;
--color-morris-artichoke-500: #699273;
--color-morris-artichoke-600: #597b62;
--color-morris-artichoke-700: #47634e;
--color-morris-artichoke-800: #344838;
--color-morris-artichoke-900: #233226;
--color-morris-artichoke-950: #121e14;
}SCSS
$morris-artichoke: #8cb295;
$morris-artichoke-rgb: 140, 178, 149;
$morris-artichoke-light: mix(#fff, $morris-artichoke, 20%);
$morris-artichoke-dark: mix(#000, $morris-artichoke, 20%);
.element {
color: $morris-artichoke;
box-shadow: 0 0 0 2px rgba($morris-artichoke, 0.35);
}