Cor nomeada mais próxima · #AFD88C
#AFD88C
Cor nomeada mais próxima: Feijoa
#AFD88C (rgb(175 216 140), hsl(92 49% 70%), oklch(0.835 0.11 131.5)) é mais próxima da cor nomeada Feijoa. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#AFD88C
oklch(0.835 0.11 131.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- B7DC98
- BFE0A4
- C7E4AF
- CFE8BB
- D7ECC6
- DFF0D2
- E7F4DD
- EFF7E8
- F7FBF4
Sombras
- 98BC79
- 81A067
- 6B8555
- 566B43
- 415333
- 2E3B23
- 1C2514
- 0B1107
- 010201
Tons
- AACF8B
- A6C68B
- A1BD8A
- 9CB489
- 97AB88
- 93A386
- 8E9A85
- 899183
- 858982
Harmonias de cor
Complementar +180°
- AFD88C
Feijoa
- E0B4FD
≈ Mauve
Análoga -30° +30°
- AFD88C
Feijoa
- D8CB74
≈ Sand Pyramid
- 83DFB2
≈ Jovial Jade
Tríade +120° +240°
- AFD88C
Feijoa
- A0CDFF
≈ Baby Blue
- FFB0B9
≈ Poodle Skirt
Complementar dividida +150° +210°
- AFD88C
Feijoa
- BFC3FF
≈ Light Periwinkle
- FAACDE
≈ Fresh Gum
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.61:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.02:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.02:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
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);
}