Named color · #A2B07E
Fresh Guacamole
Fresh Guacamole is #A2B07E: rgb(162 176 126), hsl(77 24% 59%), oklch(0.733 0.07 120.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Fresh Guacamole color name →
#A2B07E
oklch(0.733 0.07 120.9)
Color conversions
- HEX
- #a2b07e
- RGB
- rgb(162 176 126)
- HSL
- hsl(77 24% 59%)
- HWB
- hwb(77 49% 31%)
- OKLCH
- oklch(0.733 0.07 120.9)
- OKLab
- oklab(0.733 -0.036 0.06)
- CIE Lab
- lab(69.77 -11.49 23.99)
- LCH
- lch(69.77 26.59 115.6)
- CMYK
- cmyk(8% 0% 28% 31%)
Tints · Shades · Tones
Tints
- ABB88B
- B4C097
- BDC7A4
- C6CFB1
- CFD7BE
- D9DFCB
- E2E7D8
- ECEFE5
- F5F7F2
Shades
- 8C996D
- 77825C
- 636C4C
- 4F563C
- 3C422D
- 2A2E1F
- 191C11
- 0A0B05
- 010101
Tones
- 9FAB7F
- 9BA67F
- 98A17F
- 949D80
- 919880
- 8D9380
- 8A8E80
- 878A80
- 838580
Color harmonies
Complementary +180°
- A2B07E
Fresh Guacamole
- B09FCF
≈ Purple Rose
Analogous -30° +30°
- A2B07E
Fresh Guacamole
- B9A875
≈ Rhubarb Leaf Green
- 89B692
≈ Green Bonnet
Triadic +120° +240°
- A2B07E
Fresh Guacamole
- 81AFD1
≈ Boo Blue
- CF97A6
≈ Cooing Doves
Split-complementary +150° +210°
- A2B07E
Fresh Guacamole
- 98A7D6
≈ Foresight
- C399BE
≈ Lupine
Tetradic +90° +180° +270°
- A2B07E
Fresh Guacamole
- 72B5C2
≈ Tropez Blue
- B09FCF
≈ Purple Rose
- D1998E
≈ Nectarine Spice
Contrast & accessibility
Ag
FailOn white
WCAG 2.32:1 · APCA Lc 46
Ag
AAAOn black
WCAG 9.04:1 · APCA Lc 56
Best text color: #000000
WCAG 9.04:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--fresh-guacamole: #a2b07e;
--fresh-guacamole-rgb: 162 176 126;
--fresh-guacamole-oklch: oklch(0.733 0.07 120.9);
}
.element {
color: var(--fresh-guacamole);
background-color: hsl(77 24% 59%);
border-color: oklch(0.733 0.07 120.9);
}Tailwind CSS v4
@theme {
--color-fresh-guacamole: #a2b07e;
--color-fresh-guacamole-50: #f1f9e3;
--color-fresh-guacamole-100: #e3ecd3;
--color-fresh-guacamole-200: #cedab9;
--color-fresh-guacamole-300: #b0be96;
--color-fresh-guacamole-400: #98a576;
--color-fresh-guacamole-500: #7f8e58;
--color-fresh-guacamole-600: #6c784b;
--color-fresh-guacamole-700: #56603b;
--color-fresh-guacamole-800: #40462a;
--color-fresh-guacamole-900: #2c301c;
--color-fresh-guacamole-950: #191d0c;
}SCSS
$fresh-guacamole: #a2b07e;
$fresh-guacamole-rgb: 162, 176, 126;
$fresh-guacamole-light: mix(#fff, $fresh-guacamole, 20%);
$fresh-guacamole-dark: mix(#000, $fresh-guacamole, 20%);
.element {
color: $fresh-guacamole;
box-shadow: 0 0 0 2px rgba($fresh-guacamole, 0.35);
}