لون مسمّى · #AFC1A3
Green Andara
Green Andara هو #AFC1A3: rgb(175 193 163)، hsl(96 19% 70%)، oklch(0.789 0.046 132.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Green Andara color name →
#AFC1A3
oklch(0.789 0.046 132.8)
تحويلات الألوان
- HEX
- #afc1a3
- RGB
- rgb(175 193 163)
- HSL
- hsl(96 19% 70%)
- HWB
- hwb(96 64% 24%)
- OKLCH
- oklch(0.789 0.046 132.8)
- OKLab
- oklab(0.789 -0.031 0.034)
- CIE Lab
- lab(76.06 -10.51 12.99)
- LCH
- lch(76.06 16.71 129)
- CMYK
- cmyk(9% 0% 16% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B7C7AC
- BFCDB5
- C6D3BE
- CEDAC7
- D6E0D0
- DEE6DA
- E6ECE3
- EFF2EC
- F7F9F6
درجات داكنة
- 98A78D
- 818F78
- 6B7763
- 565F4F
- 41493C
- 2E342A
- 1C2019
- 0B0E0A
- 010201
درجات رمادية
- AABAA0
- A5B49C
- A1AD99
- 9CA795
- 97A092
- 93998E
- 8E938B
- 898D87
- 858684
تناسق الألوان
متمم +180°
- AFC1A3
Green Andara
- C5B2D0
≈ Plumeria
متجاور -30° +30°
- AFC1A3
Green Andara
- BFBC9A
≈ Esprit
- A0C4B2
≈ Green Silk
ثلاثي +120° +240°
- AFC1A3
Green Andara
- A6BDD8
≈ Everlasting
- D6AFB2
≈ Radiant Rouge
متمم منقسم +150° +210°
- AFC1A3
Green Andara
- B5B7D8
≈ Wild Orchid Blue
- D0AFC2
≈ Tranquil Dusk
رباعي +90° +180° +270°
- AFC1A3
Green Andara
- 9BC1D0
≈ Gift of the Sea
- C5B2D0
≈ Plumeria
- D5B1A3
≈ Sandpaper
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.91:1 · APCA Lc 37
Ag
AAAعلى الأسود
WCAG 10.97:1 · APCA Lc 66
أفضل لون للنص: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--green-andara: #afc1a3;
--green-andara-rgb: 175 193 163;
--green-andara-oklch: oklch(0.789 0.046 132.8);
}
.element {
color: var(--green-andara);
background-color: hsl(96 19% 70%);
border-color: oklch(0.789 0.046 132.8);
}Tailwind CSS v4
@theme {
--color-green-andara: #afc1a3;
--color-green-andara-50: #f0f8eb;
--color-green-andara-100: #e1ecdc;
--color-green-andara-200: #ccd9c5;
--color-green-andara-300: #aebda6;
--color-green-andara-400: #94a589;
--color-green-andara-500: #7a8d6e;
--color-green-andara-600: #68775d;
--color-green-andara-700: #535f4a;
--color-green-andara-800: #3d4635;
--color-green-andara-900: #2a3024;
--color-green-andara-950: #171d13;
}SCSS
$green-andara: #afc1a3;
$green-andara-rgb: 175, 193, 163;
$green-andara-light: mix(#fff, $green-andara, 20%);
$green-andara-dark: mix(#000, $green-andara, 20%);
.element {
color: $green-andara;
box-shadow: 0 0 0 2px rgba($green-andara, 0.35);
}