أقرب لون مسمّى · #AFC192
#AFC192
أقرب لون مسمّى: Norway
#AFC192 (rgb(175 193 146)، hsl(83 27% 66%)، oklch(0.785 0.067 124.9)) أقرب إلى اللون المسمّى Norway. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#AFC192
oklch(0.785 0.067 124.9)
تحويلات الألوان
- HEX
- #afc192
- RGB
- rgb(175 193 146)
- HSL
- hsl(83 27% 66%)
- HWB
- hwb(83 57% 24%)
- OKLCH
- oklch(0.785 0.067 124.9)
- OKLab
- oklab(0.785 -0.038 0.055)
- CIE Lab
- lab(75.77 -12.54 21.6)
- LCH
- lch(75.77 24.98 120.1)
- CMYK
- cmyk(9% 0% 24% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B7C79D
- BFCDA8
- C6D3B2
- CEDABD
- D6E0C8
- DEE6D3
- E6ECDE
- EFF2E9
- F7F9F4
درجات داكنة
- 98A77E
- 818F6B
- 6B7758
- 565F46
- 414935
- 2E3425
- 1C2016
- 0B0E08
- 010201
درجات رمادية
- AABA90
- A5B48F
- A1AD8D
- 9CA78B
- 97A08A
- 929A88
- 8E9386
- 898D84
- 858682
تناسق الألوان
متمم +180°
- AFC192
Norway
- C3AFDC
≈ Lavender Field Dreamer
متجاور -30° +30°
- AFC192
Norway
- C6B988
≈ Bakelite Yellow
- 97C6A6
≈ Mini Green
ثلاثي +120° +240°
- AFC192
Norway
- 95BEE2
≈ Toile Blue
- DFA8B3
≈ Raspberry Lemonade
متمم منقسم +150° +210°
- AFC192
Norway
- ACB6E5
≈ Perano
- D5A9CA
≈ Queenly
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.93:1 · APCA Lc 37
Ag
AAAعلى الأسود
WCAG 10.86:1 · APCA Lc 65
أفضل لون للنص: #000000
WCAG 10.86:1 (AAA) · APCA Lc 65
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--norway: #afc192;
--norway-rgb: 175 193 146;
--norway-oklch: oklch(0.785 0.067 124.9);
}
.element {
color: var(--norway);
background-color: hsl(83 27% 66%);
border-color: oklch(0.785 0.067 124.9);
}Tailwind CSS v4
@theme {
--color-norway: #afc192;
--color-norway-50: #f0f9e5;
--color-norway-100: #e2ecd5;
--color-norway-200: #ccdabc;
--color-norway-300: #aebe99;
--color-norway-400: #95a67a;
--color-norway-500: #7c8e5d;
--color-norway-600: #69784f;
--color-norway-700: #54603f;
--color-norway-800: #3e462c;
--color-norway-900: #2b311e;
--color-norway-950: #181d0e;
}SCSS
$norway: #afc192;
$norway-rgb: 175, 193, 146;
$norway-light: mix(#fff, $norway, 20%);
$norway-dark: mix(#000, $norway, 20%);
.element {
color: $norway;
box-shadow: 0 0 0 2px rgba($norway, 0.35);
}