أقرب لون مسمّى · #AFD88C
#AFD88C
أقرب لون مسمّى: Feijoa
#AFD88C (rgb(175 216 140)، hsl(92 49% 70%)، oklch(0.835 0.11 131.5)) أقرب إلى اللون المسمّى Feijoa. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#AFD88C
oklch(0.835 0.11 131.5)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B7DC98
- BFE0A4
- C7E4AF
- CFE8BB
- D7ECC6
- DFF0D2
- E7F4DD
- EFF7E8
- F7FBF4
درجات داكنة
- 98BC79
- 81A067
- 6B8555
- 566B43
- 415333
- 2E3B23
- 1C2514
- 0B1107
- 010201
درجات رمادية
- AACF8B
- A6C68B
- A1BD8A
- 9CB489
- 97AB88
- 93A386
- 8E9A85
- 899183
- 858982
تناسق الألوان
متمم +180°
- AFD88C
Feijoa
- E0B4FD
≈ Mauve
متجاور -30° +30°
- AFD88C
Feijoa
- D8CB74
≈ Sand Pyramid
- 83DFB2
≈ Jovial Jade
ثلاثي +120° +240°
- AFD88C
Feijoa
- A0CDFF
≈ Baby Blue
- FFB0B9
≈ Poodle Skirt
متمم منقسم +150° +210°
- AFD88C
Feijoa
- BFC3FF
≈ Light Periwinkle
- FAACDE
≈ Fresh Gum
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.61:1 · APCA Lc 27
Ag
AAAعلى الأسود
WCAG 13.02:1 · APCA Lc 76
أفضل لون للنص: #000000
WCAG 13.02:1 (AAA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
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);
}