Named color · #A5D785
Feijoa
Feijoa is #A5D785: rgb(165 215 133), hsl(97 51% 68%), oklch(0.825 0.121 134). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Feijoa color name →
#A5D785
oklch(0.825 0.121 134)
Color conversions
- HEX
- #a5d785
- RGB
- rgb(165 215 133)
- HSL
- hsl(97 51% 68%)
- HWB
- hwb(97 52% 16%)
- OKLCH
- oklch(0.825 0.121 134)
- OKLab
- oklab(0.825 -0.084 0.087)
- CIE Lab
- lab(81.02 -27.7 35)
- LCH
- lch(81.02 44.63 128.4)
- CMYK
- cmyk(23% 0% 38% 16%)
Tints · Shades · Tones
Tints
- AEDB92
- B7DF9E
- C0E3AB
- C9E8B7
- D2ECC3
- DBF0CF
- E4F3DB
- EDF7E7
- F6FBF3
Shades
- 8FBB73
- 799F61
- 658550
- 516B40
- 3D5230
- 2B3B21
- 1A2513
- 0A1106
- 010201
Tones
- A1CE85
- 9EC585
- 9ABC85
- 97B485
- 93AB85
- 8FA284
- 8B9A83
- 889182
- 848981
Color harmonies
Complementary +180°
- A5D785
Feijoa
- E2AEFD
≈ Mauve
Analogous -30° +30°
- A5D785
Feijoa
- D3C967
≈ Quince
- 72DEB0
≈ Medium Aquamarine
Triadic +120° +240°
- A5D785
Feijoa
- 9DC9FF
≈ Apocyan
- FFABB2
≈ Apricot Haze
Split-complementary +150° +210°
- A5D785
Feijoa
- BEBEFF
≈ Dried Lilac
- FDA5D9
≈ Corinthian Pink
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.65:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.65:1 · APCA Lc 74
Best text color: #000000
WCAG 12.65:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--feijoa: #a5d785;
--feijoa-rgb: 165 215 133;
--feijoa-oklch: oklch(0.825 0.121 134);
}
.element {
color: var(--feijoa);
background-color: hsl(97 51% 68%);
border-color: oklch(0.825 0.121 134);
}Tailwind CSS v4
@theme {
--color-feijoa: #a5d785;
--color-feijoa-50: #e6fedb;
--color-feijoa-100: #d6f2ca;
--color-feijoa-200: #bde1ad;
--color-feijoa-300: #9bc687;
--color-feijoa-400: #80ae62;
--color-feijoa-500: #63973e;
--color-feijoa-600: #558035;
--color-feijoa-700: #43662a;
--color-feijoa-800: #324b1b;
--color-feijoa-900: #223412;
--color-feijoa-950: #111f04;
}SCSS
$feijoa: #a5d785;
$feijoa-rgb: 165, 215, 133;
$feijoa-light: mix(#fff, $feijoa, 20%);
$feijoa-dark: mix(#000, $feijoa, 20%);
.element {
color: $feijoa;
box-shadow: 0 0 0 2px rgba($feijoa, 0.35);
}