أقرب لون مسمّى · #A3BB91
#A3BB91
أقرب لون مسمّى: Norway
#A3BB91 (rgb(163 187 145)، hsl(94 24% 65%)، oklch(0.763 0.064 132)) أقرب إلى اللون المسمّى Norway. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A3BB91
oklch(0.763 0.064 132)
تحويلات الألوان
- HEX
- #a3bb91
- RGB
- rgb(163 187 145)
- HSL
- hsl(94 24% 65%)
- HWB
- hwb(94 57% 27%)
- OKLCH
- oklch(0.763 0.064 132)
- OKLab
- oklab(0.763 -0.043 0.047)
- CIE Lab
- lab(73.21 -14.27 18.5)
- LCH
- lch(73.21 23.36 127.6)
- CMYK
- cmyk(13% 0% 22% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ACC29C
- B5C8A7
- BECFB1
- C7D6BC
- D0DDC7
- D9E4D2
- E3EADD
- ECF1E9
- F6F8F4
درجات داكنة
- 8DA27D
- 788A6A
- 637358
- 4F5C46
- 3C4635
- 2A3225
- 191F15
- 0A0D07
- 010201
درجات رمادية
- 9FB58F
- 9CAF8E
- 98A98C
- 95A38B
- 919D89
- 8E9787
- 8A9185
- 878C84
- 838682
تناسق الألوان
متمم +180°
- A3BB91
Norway
- C0A7D0
≈ Feminine Fancy
متجاور -30° +30°
- A3BB91
Norway
- BAB485
≈ Ryegrass
- 8DBFA6
≈ Spearmint Frosting
ثلاثي +120° +240°
- A3BB91
Norway
- 95B5DA
≈ Echo Isles Water
- D7A2A7
≈ Rosetti Pink
متمم منقسم +150° +210°
- A3BB91
Norway
- ABAEDA
≈ High Style
- CFA2BD
≈ Enhance
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.08:1 · APCA Lc 41
Ag
AAAعلى الأسود
WCAG 10.07:1 · APCA Lc 62
أفضل لون للنص: #000000
WCAG 10.07:1 (AAA) · APCA Lc 62
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--norway: #a3bb91;
--norway-rgb: 163 187 145;
--norway-oklch: oklch(0.763 0.064 132);
}
.element {
color: var(--norway);
background-color: hsl(94 24% 65%);
border-color: oklch(0.763 0.064 132);
}Tailwind CSS v4
@theme {
--color-norway: #a3bb91;
--color-norway-50: #eefae7;
--color-norway-100: #dfedd8;
--color-norway-200: #c9dbbf;
--color-norway-300: #aabf9e;
--color-norway-400: #91a780;
--color-norway-500: #768f63;
--color-norway-600: #647954;
--color-norway-700: #506143;
--color-norway-800: #3b472f;
--color-norway-900: #283120;
--color-norway-950: #161d10;
}SCSS
$norway: #a3bb91;
$norway-rgb: 163, 187, 145;
$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);
}