لون مسمّى · #A5A542
Camo Green
Camo Green هو #A5A542: rgb(165 165 66)، hsl(60 43% 45%)، oklch(0.702 0.121 109.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Camo Green color name →
#A5A542
oklch(0.702 0.121 109.2)
تحويلات الألوان
- HEX
- #a5a542
- RGB
- rgb(165 165 66)
- HSL
- hsl(60 43% 45%)
- HWB
- hwb(60 26% 35%)
- OKLCH
- oklch(0.702 0.121 109.2)
- OKLab
- oklab(0.702 -0.04 0.115)
- CIE Lab
- lab(66.27 -9.61 49.71)
- LCH
- lch(66.27 50.63 100.9)
- CMYK
- cmyk(0% 0% 60% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ADAE58
- B6B76C
- BFC07F
- C8C992
- D1D2A4
- DADBB6
- E3E4C9
- ECEDDB
- F5F6ED
درجات داكنة
- 8F8F38
- 79792F
- 656525
- 51511C
- 3D3D14
- 2B2B0B
- 1A1A05
- 0A0A01
- 010100
درجات رمادية
- A1A14C
- 9D9E54
- 999A5B
- 969762
- 929368
- 8E8F6D
- 8B8B72
- 878877
- 83847C
تناسق الألوان
متمم +180°
- A5A542
Camo Green
- 9D92E6
≈ Dull Lavender
متجاور -30° +30°
- A5A542
Camo Green
- C7953B
≈ Golden Spice
- 76B166
≈ Soon to Be Hay
ثلاثي +120° +240°
- A5A542
Camo Green
- 38ADDB
≈ Highlighter Blue
- D77EAB
≈ Ice Plant
متمم منقسم +150° +210°
- A5A542
Camo Green
- 70A0EA
≈ Feather Star
- C086CF
≈ Purception
رباعي +90° +180° +270°
- A5A542
Camo Green
- 00B5BB
≈ Cyan Sky
- 9D92E6
≈ Dull Lavender
- E07E81
≈ Babe
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.60:1 · APCA Lc 51
Ag
AAAعلى الأسود
WCAG 8.06:1 · APCA Lc 51
أفضل لون للنص: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--camo-green: #a5a542;
--camo-green-rgb: 165 165 66;
--camo-green-oklch: oklch(0.702 0.121 109.2);
}
.element {
color: var(--camo-green);
background-color: hsl(60 43% 45%);
border-color: oklch(0.702 0.121 109.2);
}Tailwind CSS v4
@theme {
--color-camo-green: #a5a542;
--color-camo-green-50: #f6f9d2;
--color-camo-green-100: #e9ecbe;
--color-camo-green-200: #d6da9d;
--color-camo-green-300: #babe73;
--color-camo-green-400: #a4a448;
--color-camo-green-500: #8d8c05;
--color-camo-green-600: #77760e;
--color-camo-green-700: #5f5f0c;
--color-camo-green-800: #474504;
--color-camo-green-900: #313004;
--color-camo-green-950: #1d1c00;
}SCSS
$camo-green: #a5a542;
$camo-green-rgb: 165, 165, 66;
$camo-green-light: mix(#fff, $camo-green, 20%);
$camo-green-dark: mix(#000, $camo-green, 20%);
.element {
color: $camo-green;
box-shadow: 0 0 0 2px rgba($camo-green, 0.35);
}