Nearest named color · #AFD88C
#AFD88C
Nearest named color: Feijoa
#AFD88C (rgb(175 216 140), hsl(92 49% 70%), oklch(0.835 0.11 131.5)) is closest to the named color Feijoa. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AFD88C
oklch(0.835 0.11 131.5)
Color conversions
- HEX
- #afd88c
- RGB
- rgb(175 216 140)
- HSL
- hsl(92 49% 70%)
- HWB
- hwb(92 55% 15%)
- OKLCH
- oklch(0.835 0.11 131.5)
- OKLab
- oklab(0.835 -0.073 0.082)
- CIE Lab
- lab(82.03 -23.84 32.94)
- LCH
- lch(82.03 40.66 125.9)
- CMYK
- cmyk(19% 0% 35% 15%)
Tints · Shades · Tones
Tints
- B7DC98
- BFE0A4
- C7E4AF
- CFE8BB
- D7ECC6
- DFF0D2
- E7F4DD
- EFF7E8
- F7FBF4
Shades
- 98BC79
- 81A067
- 6B8555
- 566B43
- 415333
- 2E3B23
- 1C2514
- 0B1107
- 010201
Tones
- AACF8B
- A6C68B
- A1BD8A
- 9CB489
- 97AB88
- 93A386
- 8E9A85
- 899183
- 858982
Color harmonies
Complementary +180°
- AFD88C
Feijoa
- E0B4FD
≈ Mauve
Analogous -30° +30°
- AFD88C
Feijoa
- D8CB74
≈ Sand Pyramid
- 83DFB2
≈ Jovial Jade
Triadic +120° +240°
- AFD88C
Feijoa
- A0CDFF
≈ Baby Blue
- FFB0B9
≈ Poodle Skirt
Split-complementary +150° +210°
- AFD88C
Feijoa
- BFC3FF
≈ Light Periwinkle
- FAACDE
≈ Fresh Gum
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.61:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.02:1 · APCA Lc 76
Best text color: #000000
WCAG 13.02:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--feijoa: #afd88c;
--feijoa-rgb: 175 216 140;
--feijoa-oklch: oklch(0.835 0.11 131.5);
}
.element {
color: var(--feijoa);
background-color: hsl(92 49% 70%);
border-color: oklch(0.835 0.11 131.5);
}Tailwind CSS v4
@theme {
--color-feijoa: #afd88c;
--color-feijoa-50: #e9fddd;
--color-feijoa-100: #daf1cb;
--color-feijoa-200: #c2dfaf;
--color-feijoa-300: #a1c48a;
--color-feijoa-400: #87ac66;
--color-feijoa-500: #6b9543;
--color-feijoa-600: #5b7e3a;
--color-feijoa-700: #49652e;
--color-feijoa-800: #364a1e;
--color-feijoa-900: #253314;
--color-feijoa-950: #131f06;
}SCSS
$feijoa: #afd88c;
$feijoa-rgb: 175, 216, 140;
$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);
}