Named color · #A7C668
Green Peridot
Green Peridot is #A7C668: rgb(167 198 104), hsl(80 45% 59%), oklch(0.783 0.126 124.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Green Peridot color name →
#A7C668
oklch(0.783 0.126 124.3)
Color conversions
- HEX
- #a7c668
- RGB
- rgb(167 198 104)
- HSL
- hsl(80 45% 59%)
- HWB
- hwb(80 41% 22%)
- OKLCH
- oklch(0.783 0.126 124.3)
- OKLab
- oklab(0.783 -0.071 0.104)
- CIE Lab
- lab(76.02 -21.95 43.12)
- LCH
- lch(76.02 48.38 117)
- CMYK
- cmyk(16% 0% 47% 22%)
Tints · Shades · Tones
Tints
- AFCC78
- B8D288
- C1D798
- C9DDA7
- D2E3B6
- DBE9C4
- E4EED3
- EDF4E2
- F6F9F0
Shades
- 91AC59
- 7B924B
- 667A3E
- 526230
- 3E4B24
- 2C3518
- 1A210C
- 0A0E04
- 010200
Tones
- A3BF6C
- 9FB870
- 9BB173
- 97AA75
- 93A378
- 8F9C7A
- 8B957C
- 888E7D
- 84877F
Color harmonies
Complementary +180°
- A7C668
Green Peridot
- CAA3FA
≈ Lilac
Analogous -30° +30°
- A7C668
Green Peridot
- D2B74F
≈ Farm Straw
- 71D093
≈ Van Gogh Green
Triadic +120° +240°
- A7C668
Green Peridot
- 72C0FF
≈ Maya Blue
- FB95AE
≈ Baker-Miller Pink
Split-complementary +150° +210°
- A7C668
Green Peridot
- A3B3FF
≈ Wondrous Wisteria
- E999D9
≈ Love Dust
Tetradic +90° +180° +270°
- A7C668
Green Peridot
- 37CCEA
≈ Picnic Day Sky
- CAA3FA
≈ Lilac
- FE9981
≈ Vivid Tangerine
Contrast & accessibility
Ag
FailOn white
WCAG 1.92:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.92:1 · APCA Lc 66
Best text color: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--green-peridot: #a7c668;
--green-peridot-rgb: 167 198 104;
--green-peridot-oklch: oklch(0.783 0.126 124.3);
}
.element {
color: var(--green-peridot);
background-color: hsl(80 45% 59%);
border-color: oklch(0.783 0.126 124.3);
}Tailwind CSS v4
@theme {
--color-green-peridot: #a7c668;
--color-green-peridot-50: #ecfcd6;
--color-green-peridot-100: #ddf0c3;
--color-green-peridot-200: #c6dfa4;
--color-green-peridot-300: #a7c37c;
--color-green-peridot-400: #8fab53;
--color-green-peridot-500: #749425;
--color-green-peridot-600: #637d22;
--color-green-peridot-700: #4f641b;
--color-green-peridot-800: #3b490f;
--color-green-peridot-900: #283309;
--color-green-peridot-950: #161e00;
}SCSS
$green-peridot: #a7c668;
$green-peridot-rgb: 167, 198, 104;
$green-peridot-light: mix(#fff, $green-peridot, 20%);
$green-peridot-dark: mix(#000, $green-peridot, 20%);
.element {
color: $green-peridot;
box-shadow: 0 0 0 2px rgba($green-peridot, 0.35);
}