لون مسمّى · #A0A667
Always Apple
Always Apple هو #A0A667: rgb(160 166 103)، hsl(66 26% 53%)، oklch(0.705 0.085 113). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Always Apple color name →
#A0A667
oklch(0.705 0.085 113)
تحويلات الألوان
- HEX
- #a0a667
- RGB
- rgb(160 166 103)
- HSL
- hsl(66 26% 53%)
- HWB
- hwb(66 40% 35%)
- OKLCH
- oklch(0.705 0.085 113)
- OKLab
- oklab(0.705 -0.033 0.078)
- CIE Lab
- lab(66.5 -9.62 31.85)
- LCH
- lch(66.5 33.27 106.8)
- CMYK
- cmyk(4% 0% 38% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A9AF76
- B2B885
- BBC095
- C5C9A4
- CED2B3
- D8DBC2
- E1E4D1
- EBEDE0
- F5F6F0
درجات داكنة
- 8B9059
- 767A4B
- 61653D
- 4E5130
- 3B3E23
- 292B17
- 191A0C
- 090A04
- 010100
درجات رمادية
- 9DA26A
- 999E6D
- 969B70
- 939773
- 909375
- 8C8F78
- 898B7A
- 86887C
- 83847E
تناسق الألوان
متمم +180°
- A0A667
Always Apple
- A296D1
≈ Gorgeous Hydrangea
متجاور -30° +30°
- A0A667
Always Apple
- BA9B61
≈ Packing Paper
- 81AE7D
≈ Cressida
ثلاثي +120° +240°
- A0A667
Always Apple
- 67A9CD
≈ Salem Blue
- CA8AA5
≈ Pinch Me
متمم منقسم +150° +210°
- A0A667
Always Apple
- 84A0D6
≈ Wisteria Blue
- BA8EBF
≈ Lavender Blaze
رباعي +90° +180° +270°
- A0A667
Always Apple
- 58B0B8
≈ Thalassa
- A296D1
≈ Gorgeous Hydrangea
- D08B87
≈ Rosette
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.57:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.14:1 · APCA Lc 52
أفضل لون للنص: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--always-apple: #a0a667;
--always-apple-rgb: 160 166 103;
--always-apple-oklch: oklch(0.705 0.085 113);
}
.element {
color: var(--always-apple);
background-color: hsl(66 26% 53%);
border-color: oklch(0.705 0.085 113);
}Tailwind CSS v4
@theme {
--color-always-apple: #a0a667;
--color-always-apple-50: #f4f9dd;
--color-always-apple-100: #e6eccc;
--color-always-apple-200: #d2d9b0;
--color-always-apple-300: #b5bd8b;
--color-always-apple-400: #9ea469;
--color-always-apple-500: #868c46;
--color-always-apple-600: #72773d;
--color-always-apple-700: #5b5f30;
--color-always-apple-800: #444521;
--color-always-apple-900: #2f3016;
--color-always-apple-950: #1b1c07;
}SCSS
$always-apple: #a0a667;
$always-apple-rgb: 160, 166, 103;
$always-apple-light: mix(#fff, $always-apple, 20%);
$always-apple-dark: mix(#000, $always-apple, 20%);
.element {
color: $always-apple;
box-shadow: 0 0 0 2px rgba($always-apple, 0.35);
}