أقرب لون مسمّى · #5F926C
#5F926C
أقرب لون مسمّى: Paying Mantis
#5F926C (rgb(95 146 108)، hsl(135 21% 47%)، oklch(0.613 0.08 151.6)) أقرب إلى اللون المسمّى Paying Mantis. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#5F926C
oklch(0.613 0.08 151.6)
تحويلات الألوان
- HEX
- #5f926c
- RGB
- rgb(95 146 108)
- HSL
- hsl(135 21% 47%)
- HWB
- hwb(135 37% 43%)
- OKLCH
- oklch(0.613 0.08 151.6)
- OKLab
- oklab(0.613 -0.07 0.038)
- CIE Lab
- lab(56.15 -24.15 14.58)
- LCH
- lch(56.15 28.21 148.9)
- CMYK
- cmyk(35% 0% 26% 43%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 6F9D7A
- 7FA788
- 8EB296
- 9EBDA5
- AEC8B3
- BED3C2
- CEDED1
- DEE9E0
- EEF4F0
درجات داكنة
- 527E5D
- 446B4E
- 385840
- 2C4632
- 203525
- 152519
- 0A160D
- 030804
- 000100
درجات رمادية
- 63906E
- 678F70
- 6A8D72
- 6E8B74
- 718976
- 748878
- 77867A
- 7A847C
- 7D827E
تناسق الألوان
متمم +180°
- 5F926C
Paying Mantis
- A0729A
≈ Drama Queen
متجاور -30° +30°
- 5F926C
Paying Mantis
- 7C8C55
≈ Scarabœus Nobilis
- 469487
≈ Lochinvar
ثلاثي +120° +240°
- 5F926C
Paying Mantis
- 7381B4
≈ Venture Violet
- AF7266
≈ New England Brick
متمم منقسم +150° +210°
- 5F926C
Paying Mantis
- 8C79AC
≈ Gentian
- AC7081
≈ Shade of Mauve
رباعي +90° +180° +270°
- 5F926C
Paying Mantis
- 578AB0
≈ Alpha Blue
- A0729A
≈ Drama Queen
- A77951
≈ Apple Cinnamon
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.61:1 · APCA Lc 64
Ag
AAعلى الأسود
WCAG 5.81:1 · APCA Lc 38
أفضل لون للنص: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--paying-mantis: #5f926c;
--paying-mantis-rgb: 95 146 108;
--paying-mantis-oklch: oklch(0.613 0.08 151.6);
}
.element {
color: var(--paying-mantis);
background-color: hsl(135 21% 47%);
border-color: oklch(0.613 0.08 151.6);
}Tailwind CSS v4
@theme {
--color-paying-mantis: #5f926c;
--color-paying-mantis-50: #e5fceb;
--color-paying-mantis-100: #d5f0dc;
--color-paying-mantis-200: #bbdfc5;
--color-paying-mantis-300: #99c4a5;
--color-paying-mantis-400: #7bac87;
--color-paying-mantis-500: #5c956b;
--color-paying-mantis-600: #4f7e5b;
--color-paying-mantis-700: #3f6549;
--color-paying-mantis-800: #2e4a33;
--color-paying-mantis-900: #1f3323;
--color-paying-mantis-950: #0f1f12;
}SCSS
$paying-mantis: #5f926c;
$paying-mantis-rgb: 95, 146, 108;
$paying-mantis-light: mix(#fff, $paying-mantis, 20%);
$paying-mantis-dark: mix(#000, $paying-mantis, 20%);
.element {
color: $paying-mantis;
box-shadow: 0 0 0 2px rgba($paying-mantis, 0.35);
}