لون مسمّى · #748500
Swamp Green
Swamp Green هو #748500: rgb(116 133 0)، hsl(68 100% 26%)، oklch(0.582 0.136 118.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Swamp Green color name →
#748500
oklch(0.582 0.136 118.3)
تحويلات الألوان
- HEX
- #748500
- RGB
- rgb(116 133 0)
- HSL
- hsl(68 100% 26%)
- HWB
- hwb(68 0% 48%)
- OKLCH
- oklch(0.582 0.136 118.3)
- OKLab
- oklab(0.582 -0.064 0.12)
- CIE Lab
- lab(52.62 -17.36 55.79)
- LCH
- lch(52.62 58.43 107.3)
- CMYK
- cmyk(13% 0% 100% 48%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 819130
- 8E9D4B
- 9BA963
- A8B57A
- B6C190
- C4CEA6
- D3DABC
- E1E6D2
- F0F3E9
درجات داكنة
- 647300
- 546100
- 455000
- 374000
- 293000
- 1B2100
- 0F1300
- 050600
- 010100
درجات رمادية
- 758521
- 768532
- 77843F
- 78844A
- 798354
- 7B835E
- 7C8267
- 7D8270
- 7F8178
تناسق الألوان
متمم +180°
- 748500
Swamp Green
- 8666C0
≈ Lavish Spending
متجاور -30° +30°
- 748500
Swamp Green
- 987600
≈ Mesozoic Green
- 34904A
≈ Wild Forest
ثلاثي +120° +240°
- 748500
Swamp Green
- 0084BE
≈ Ibiza Blue
- B9547A
≈ Cockscomb Red
متمم منقسم +150° +210°
- 748500
Swamp Green
- 5975CB
≈ Indigo Light
- A55BA3
≈ Heath Spotted Orchid
رباعي +90° +180° +270°
- 748500
Swamp Green
- 008B9A
≈ Atlantic Blue
- 8666C0
≈ Lavish Spending
- BE564B
≈ Safflower Bark
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.11:1 · APCA Lc 68
Ag
AAعلى الأسود
WCAG 5.09:1 · APCA Lc 34
أفضل لون للنص: #000000
WCAG 5.09:1 (AA) · APCA Lc 34
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--swamp-green: #748500;
--swamp-green-rgb: 116 133 0;
--swamp-green-oklch: oklch(0.582 0.136 118.3);
}
.element {
color: var(--swamp-green);
background-color: hsl(68 100% 26%);
border-color: oklch(0.582 0.136 118.3);
}Tailwind CSS v4
@theme {
--color-swamp-green: #748500;
--color-swamp-green-50: #effcd0;
--color-swamp-green-100: #e1efbd;
--color-swamp-green-200: #ccdd9c;
--color-swamp-green-300: #aec271;
--color-swamp-green-400: #97a943;
--color-swamp-green-500: #7e9100;
--color-swamp-green-600: #6b7b00;
--color-swamp-green-700: #556202;
--color-swamp-green-800: #404800;
--color-swamp-green-900: #2c3201;
--color-swamp-green-950: #191d00;
}SCSS
$swamp-green: #748500;
$swamp-green-rgb: 116, 133, 0;
$swamp-green-light: mix(#fff, $swamp-green, 20%);
$swamp-green-dark: mix(#000, $swamp-green, 20%);
.element {
color: $swamp-green;
box-shadow: 0 0 0 2px rgba($swamp-green, 0.35);
}