لون مسمّى · #3E8027
Bilbao
Bilbao هو #3E8027: rgb(62 128 39)، hsl(104 53% 33%)، oklch(0.537 0.14 138.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Bilbao color name →
#3E8027
oklch(0.537 0.14 138.7)
تحويلات الألوان
- HEX
- #3e8027
- RGB
- rgb(62 128 39)
- HSL
- hsl(104 53% 33%)
- HWB
- hwb(104 15% 50%)
- OKLCH
- oklch(0.537 0.14 138.7)
- OKLab
- oklab(0.537 -0.105 0.092)
- CIE Lab
- lab(47.84 -34.87 39.59)
- LCH
- lch(47.84 52.76 131.4)
- CMYK
- cmyk(52% 0% 70% 50%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 528D3F
- 659955
- 78A66A
- 8BB27F
- 9EBF94
- B1CCA9
- C4D8BE
- D7E5D3
- EBF2E9
درجات داكنة
- 356E20
- 2B5D1A
- 234D14
- 1A3D0E
- 122E08
- 0A1F04
- 041202
- 010601
- 000100
درجات رمادية
- 468033
- 4E813E
- 558147
- 5B8150
- 628159
- 688161
- 6E8169
- 748171
- 7A8078
تناسق الألوان
متمم +180°
- 3E8027
Bilbao
- 8F4FA1
≈ Vicious Violet
متجاور -30° +30°
- 3E8027
Bilbao
- 747200
≈ Bronze Yellow
- 008163
≈ Generic Viridian
ثلاثي +120° +240°
- 3E8027
Bilbao
- 376CBE
≈ Matt Blue
- B0454D
≈ Intrigue Red
متمم منقسم +150° +210°
- 3E8027
Bilbao
- 6D5DB9
≈ Blue Marguerite
- A6467B
≈ Pink Ballad
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.85:1 · APCA Lc 73
Ag
Failعلى الأسود
WCAG 4.32:1 · APCA Lc 28
أفضل لون للنص: #FFFFFF
WCAG 4.85:1 (AA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bilbao: #3e8027;
--bilbao-rgb: 62 128 39;
--bilbao-oklch: oklch(0.537 0.14 138.7);
}
.element {
color: var(--bilbao);
background-color: hsl(104 53% 33%);
border-color: oklch(0.537 0.14 138.7);
}Tailwind CSS v4
@theme {
--color-bilbao: #3e8027;
--color-bilbao-50: #e0ffda;
--color-bilbao-100: #cff4c8;
--color-bilbao-200: #b4e4ab;
--color-bilbao-300: #8fc985;
--color-bilbao-400: #72b25e;
--color-bilbao-500: #519b38;
--color-bilbao-600: #458331;
--color-bilbao-700: #376927;
--color-bilbao-800: #294d18;
--color-bilbao-900: #1c360f;
--color-bilbao-950: #0c2003;
}SCSS
$bilbao: #3e8027;
$bilbao-rgb: 62, 128, 39;
$bilbao-light: mix(#fff, $bilbao, 20%);
$bilbao-dark: mix(#000, $bilbao, 20%);
.element {
color: $bilbao;
box-shadow: 0 0 0 2px rgba($bilbao, 0.35);
}