Named color · #AFC1A3
Green Andara
Green Andara is #AFC1A3: rgb(175 193 163), hsl(96 19% 70%), oklch(0.789 0.046 132.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Green Andara color name →
#AFC1A3
oklch(0.789 0.046 132.8)
Color conversions
- HEX
- #afc1a3
- RGB
- rgb(175 193 163)
- HSL
- hsl(96 19% 70%)
- HWB
- hwb(96 64% 24%)
- OKLCH
- oklch(0.789 0.046 132.8)
- OKLab
- oklab(0.789 -0.031 0.034)
- CIE Lab
- lab(76.06 -10.51 12.99)
- LCH
- lch(76.06 16.71 129)
- CMYK
- cmyk(9% 0% 16% 24%)
Tints · Shades · Tones
Tints
- B7C7AC
- BFCDB5
- C6D3BE
- CEDAC7
- D6E0D0
- DEE6DA
- E6ECE3
- EFF2EC
- F7F9F6
Shades
- 98A78D
- 818F78
- 6B7763
- 565F4F
- 41493C
- 2E342A
- 1C2019
- 0B0E0A
- 010201
Tones
- AABAA0
- A5B49C
- A1AD99
- 9CA795
- 97A092
- 93998E
- 8E938B
- 898D87
- 858684
Color harmonies
Complementary +180°
- AFC1A3
Green Andara
- C5B2D0
≈ Plumeria
Analogous -30° +30°
- AFC1A3
Green Andara
- BFBC9A
≈ Esprit
- A0C4B2
≈ Green Silk
Triadic +120° +240°
- AFC1A3
Green Andara
- A6BDD8
≈ Everlasting
- D6AFB2
≈ Radiant Rouge
Split-complementary +150° +210°
- AFC1A3
Green Andara
- B5B7D8
≈ Wild Orchid Blue
- D0AFC2
≈ Tranquil Dusk
Tetradic +90° +180° +270°
- AFC1A3
Green Andara
- 9BC1D0
≈ Gift of the Sea
- C5B2D0
≈ Plumeria
- D5B1A3
≈ Sandpaper
Contrast & accessibility
Ag
FailOn white
WCAG 1.91:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.97:1 · APCA Lc 66
Best text color: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--green-andara: #afc1a3;
--green-andara-rgb: 175 193 163;
--green-andara-oklch: oklch(0.789 0.046 132.8);
}
.element {
color: var(--green-andara);
background-color: hsl(96 19% 70%);
border-color: oklch(0.789 0.046 132.8);
}Tailwind CSS v4
@theme {
--color-green-andara: #afc1a3;
--color-green-andara-50: #f0f8eb;
--color-green-andara-100: #e1ecdc;
--color-green-andara-200: #ccd9c5;
--color-green-andara-300: #aebda6;
--color-green-andara-400: #94a589;
--color-green-andara-500: #7a8d6e;
--color-green-andara-600: #68775d;
--color-green-andara-700: #535f4a;
--color-green-andara-800: #3d4635;
--color-green-andara-900: #2a3024;
--color-green-andara-950: #171d13;
}SCSS
$green-andara: #afc1a3;
$green-andara-rgb: 175, 193, 163;
$green-andara-light: mix(#fff, $green-andara, 20%);
$green-andara-dark: mix(#000, $green-andara, 20%);
.element {
color: $green-andara;
box-shadow: 0 0 0 2px rgba($green-andara, 0.35);
}