أقرب لون مسمّى · #3A6329
#3A6329
أقرب لون مسمّى: Greenhouse
#3A6329 (rgb(58 99 41)، hsl(102 41% 27%)، oklch(0.455 0.099 137.4)) أقرب إلى اللون المسمّى Greenhouse. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#3A6329
oklch(0.455 0.099 137.4)
تحويلات الألوان
- HEX
- #3a6329
- RGB
- rgb(58 99 41)
- HSL
- hsl(102 41% 27%)
- HWB
- hwb(102 16% 61%)
- OKLCH
- oklch(0.455 0.099 137.4)
- OKLab
- oklab(0.455 -0.073 0.067)
- CIE Lab
- lab(37.88 -23.98 27.73)
- LCH
- lch(37.88 36.66 130.8)
- CMYK
- cmyk(41% 0% 59% 61%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4C723E
- 5F8152
- 729067
- 859F7B
- 98AF90
- ACBEA6
- C1CEBC
- D5DED2
- EAEFE8
درجات داكنة
- 315522
- 28471C
- 203A15
- 182E0F
- 102109
- 091605
- 040B02
- 010301
- 000000
درجات رمادية
- 416633
- 49693C
- 506C45
- 576F4E
- 5E7256
- 64755E
- 6B7867
- 727B6F
- 797D78
تناسق الألوان
متمم +180°
- 3A6329
Greenhouse
- 6D447A
≈ Palace Purple
متجاور -30° +30°
- 3A6329
Greenhouse
- 5D5A00
≈ Greensboro
- 00674C
≈ Bottle Green
ثلاثي +120° +240°
- 3A6329
Greenhouse
- 31578D
≈ Dark Cobalt Blue
- 853D42
≈ Dark Crimson
متمم منقسم +150° +210°
- 3A6329
Greenhouse
- 544C8A
≈ Victoria
- 7D3E61
≈ Pleasure
رباعي +90° +180° +270°
- 3A6329
Greenhouse
- 00607D
≈ Back of Beyond
- 6D447A
≈ Palace Purple
- 824320
≈ Russet
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.00:1 · APCA Lc 84
Ag
Failعلى الأسود
WCAG 2.99:1 · APCA Lc 18
أفضل لون للنص: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--greenhouse: #3a6329;
--greenhouse-rgb: 58 99 41;
--greenhouse-oklch: oklch(0.455 0.099 137.4);
}
.element {
color: var(--greenhouse);
background-color: hsl(102 41% 27%);
border-color: oklch(0.455 0.099 137.4);
}Tailwind CSS v4
@theme {
--color-greenhouse: #3a6329;
--color-greenhouse-50: #e7fde2;
--color-greenhouse-100: #d7f0d1;
--color-greenhouse-200: #bfdfb7;
--color-greenhouse-300: #9ec494;
--color-greenhouse-400: #82ac72;
--color-greenhouse-500: #659553;
--color-greenhouse-600: #567e47;
--color-greenhouse-700: #456538;
--color-greenhouse-800: #334a26;
--color-greenhouse-900: #23331a;
--color-greenhouse-950: #121f0a;
}SCSS
$greenhouse: #3a6329;
$greenhouse-rgb: 58, 99, 41;
$greenhouse-light: mix(#fff, $greenhouse, 20%);
$greenhouse-dark: mix(#000, $greenhouse, 20%);
.element {
color: $greenhouse;
box-shadow: 0 0 0 2px rgba($greenhouse, 0.35);
}