Named color · #99BD91
Milly Green
Milly Green is #99BD91: rgb(153 189 145), hsl(109 25% 65%), oklch(0.76 0.073 140). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Milly Green color name →
#99BD91
oklch(0.76 0.073 140)
Color conversions
- HEX
- #99bd91
- RGB
- rgb(153 189 145)
- HSL
- hsl(109 25% 65%)
- HWB
- hwb(109 57% 26%)
- OKLCH
- oklch(0.76 0.073 140)
- OKLab
- oklab(0.76 -0.056 0.047)
- CIE Lab
- lab(73.08 -18.87 18.18)
- LCH
- lch(73.08 26.2 136.1)
- CMYK
- cmyk(19% 0% 23% 26%)
Tints · Shades · Tones
Tints
- A3C49C
- ADCAA7
- B7D1B1
- C1D7BC
- CBDEC7
- D6E4D2
- E0EBDD
- EAF2E8
- F5F8F4
Shades
- 84A47D
- 708C6A
- 5D7458
- 4A5D46
- 384735
- 273325
- 171F15
- 080D07
- 010201
Tones
- 97B78F
- 94B18E
- 92AA8C
- 8FA48B
- 8D9E89
- 8A9887
- 889285
- 858C84
- 838682
Color harmonies
Complementary +180°
- 99BD91
Milly Green
- C6A3CE
≈ Lilac Lace
Analogous -30° +30°
- 99BD91
Milly Green
- B3B67F
≈ Fancy Flirt
- 81C1AA
≈ Gauss Blaster Green
Triadic +120° +240°
- 99BD91
Milly Green
- 96B2E0
≈ Blue Skies Today
- DC9F9E
≈ Pink Pussycat
Split-complementary +150° +210°
- 99BD91
Milly Green
- B0AADD
≈ Maximum Blue Purple
- D69FB8
≈ Gizmo
Tetradic +90° +180° +270°
- 99BD91
Milly Green
- 80BAD7
≈ Petit Four
- C6A3CE
≈ Lilac Lace
- D8A488
≈ Clay Fire
Contrast & accessibility
Ag
FailOn white
WCAG 2.09:1 · APCA Lc 41
Ag
AAAOn black
WCAG 10.04:1 · APCA Lc 61
Best text color: #000000
WCAG 10.04:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--milly-green: #99bd91;
--milly-green-rgb: 153 189 145;
--milly-green-oklch: oklch(0.76 0.073 140);
}
.element {
color: var(--milly-green);
background-color: hsl(109 25% 65%);
border-color: oklch(0.76 0.073 140);
}Tailwind CSS v4
@theme {
--color-milly-green: #99bd91;
--color-milly-green-50: #eafbe8;
--color-milly-green-100: #dbefd8;
--color-milly-green-200: #c3ddc0;
--color-milly-green-300: #a3c19f;
--color-milly-green-400: #88a980;
--color-milly-green-500: #6c9264;
--color-milly-green-600: #5c7c55;
--color-milly-green-700: #496344;
--color-milly-green-800: #364830;
--color-milly-green-900: #253220;
--color-milly-green-950: #131e10;
}SCSS
$milly-green: #99bd91;
$milly-green-rgb: 153, 189, 145;
$milly-green-light: mix(#fff, $milly-green, 20%);
$milly-green-dark: mix(#000, $milly-green, 20%);
.element {
color: $milly-green;
box-shadow: 0 0 0 2px rgba($milly-green, 0.35);
}