أقرب لون مسمّى · #A39342
#A39342
أقرب لون مسمّى: Gecko
#A39342 (rgb(163 147 66)، hsl(50 42% 45%)، oklch(0.661 0.103 98.3)) أقرب إلى اللون المسمّى Gecko. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A39342
oklch(0.661 0.103 98.3)
تحويلات الألوان
- HEX
- #a39342
- RGB
- rgb(163 147 66)
- HSL
- hsl(50 42% 45%)
- HWB
- hwb(50 26% 36%)
- OKLCH
- oklch(0.661 0.103 98.3)
- OKLab
- oklab(0.661 -0.015 0.102)
- CIE Lab
- lab(61.13 -1.41 44.14)
- LCH
- lch(61.13 44.16 91.8)
- CMYK
- cmyk(0% 10% 60% 36%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AC9E57
- B5A86A
- BEB37D
- C7BE90
- D0C8A2
- D9D3B5
- E2DEC7
- ECE9DA
- F5F4EC
درجات داكنة
- 8D7F38
- 786C2F
- 635925
- 4F471C
- 3C3614
- 2A250B
- 191605
- 0A0801
- 010100
درجات رمادية
- 9F914B
- 9C9052
- 988E59
- 958C60
- 918A66
- 8E886C
- 8A8671
- 878476
- 83827B
تناسق الألوان
متمم +180°
- A39342
Gecko
- 848CD1
≈ Pansy Garden
متجاور -30° +30°
- A39342
Gecko
- BC8648
≈ Amber Sienna
- 809F58
≈ Verdant Serenade
ثلاثي +120° +240°
- A39342
Gecko
- 34A1BD
≈ Maui
- BC79A8
≈ Hollyhock Blossom Pink
متمم منقسم +150° +210°
- A39342
Gecko
- 5D97CF
≈ Winter Lake
- A481C3
≈ Lilac Purple
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.08:1 · APCA Lc 58
Ag
AAعلى الأسود
WCAG 6.80:1 · APCA Lc 44
أفضل لون للنص: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--gecko: #a39342;
--gecko-rgb: 163 147 66;
--gecko-oklch: oklch(0.661 0.103 98.3);
}
.element {
color: var(--gecko);
background-color: hsl(50 42% 45%);
border-color: oklch(0.661 0.103 98.3);
}Tailwind CSS v4
@theme {
--color-gecko: #a39342;
--color-gecko-50: #fbf7d5;
--color-gecko-100: #efe9c2;
--color-gecko-200: #ded6a3;
--color-gecko-300: #c3b97b;
--color-gecko-400: #ae9f54;
--color-gecko-500: #988627;
--color-gecko-600: #817223;
--color-gecko-700: #675b1c;
--color-gecko-800: #4d4211;
--color-gecko-900: #352e0b;
--color-gecko-950: #211a01;
}SCSS
$gecko: #a39342;
$gecko-rgb: 163, 147, 66;
$gecko-light: mix(#fff, $gecko, 20%);
$gecko-dark: mix(#000, $gecko, 20%);
.element {
color: $gecko;
box-shadow: 0 0 0 2px rgba($gecko, 0.35);
}