Colore con nome più vicino · #AFD88C
#AFD88C
Colore con nome più vicino: Feijoa
#AFD88C (rgb(175 216 140), hsl(92 49% 70%), oklch(0.835 0.11 131.5)) è più vicino al colore con nome Feijoa. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#AFD88C
oklch(0.835 0.11 131.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- B7DC98
- BFE0A4
- C7E4AF
- CFE8BB
- D7ECC6
- DFF0D2
- E7F4DD
- EFF7E8
- F7FBF4
Ombre
- 98BC79
- 81A067
- 6B8555
- 566B43
- 415333
- 2E3B23
- 1C2514
- 0B1107
- 010201
Toni
- AACF8B
- A6C68B
- A1BD8A
- 9CB489
- 97AB88
- 93A386
- 8E9A85
- 899183
- 858982
Armonie di colore
Complementare +180°
- AFD88C
Feijoa
- E0B4FD
≈ Mauve
Analogo -30° +30°
- AFD88C
Feijoa
- D8CB74
≈ Sand Pyramid
- 83DFB2
≈ Jovial Jade
Triadico +120° +240°
- AFD88C
Feijoa
- A0CDFF
≈ Baby Blue
- FFB0B9
≈ Poodle Skirt
Complementare divisa +150° +210°
- AFD88C
Feijoa
- BFC3FF
≈ Light Periwinkle
- FAACDE
≈ Fresh Gum
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.61:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.02:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.02:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
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);
}