لون مسمّى · #70916C
Paying Mantis
Paying Mantis هو #70916C: rgb(112 145 108)، hsl(114 15% 50%)، oklch(0.621 0.066 142). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Paying Mantis color name →
#70916C
oklch(0.621 0.066 142)
تحويلات الألوان
- HEX
- #70916c
- RGB
- rgb(112 145 108)
- HSL
- hsl(114 15% 50%)
- HWB
- hwb(114 42% 43%)
- OKLCH
- oklch(0.621 0.066 142)
- OKLab
- oklab(0.621 -0.052 0.041)
- CIE Lab
- lab(56.89 -17.65 15.8)
- LCH
- lch(56.89 23.69 138.2)
- CMYK
- cmyk(23% 0% 26% 43%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7E9C7A
- 8BA688
- 99B196
- A7BCA5
- B6C7B3
- C4D2C2
- D3DDD1
- E1E8E0
- F0F4F0
درجات داكنة
- 607D5D
- 516A4E
- 435840
- 354632
- 273525
- 1A2519
- 0E150D
- 040704
- 010100
درجات رمادية
- 728F6E
- 748E70
- 758C72
- 778A74
- 798976
- 7A8778
- 7C857A
- 7D847C
- 7F827E
تناسق الألوان
متمم +180°
- 70916C
Paying Mantis
- 9A7A9E
≈ Divine
متجاور -30° +30°
- 70916C
Paying Mantis
- 878B5C
≈ Iguana
- 5B9482
≈ Fiddler
ثلاثي +120° +240°
- 70916C
Paying Mantis
- 7187AF
≈ Enchanting Sky
- AB7775
≈ Salon Rose
متمم منقسم +150° +210°
- 70916C
Paying Mantis
- 8780AC
≈ Aster Purple
- A6768B
≈ Upper Crust
رباعي +90° +180° +270°
- 70916C
Paying Mantis
- 5C8EA8
≈ Sea Crystal
- 9A7A9E
≈ Divine
- A77C62
≈ Tawny Birch
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.52:1 · APCA Lc 63
Ag
AAعلى الأسود
WCAG 5.95:1 · APCA Lc 39
أفضل لون للنص: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--paying-mantis: #70916c;
--paying-mantis-rgb: 112 145 108;
--paying-mantis-oklch: oklch(0.621 0.066 142);
}
.element {
color: var(--paying-mantis);
background-color: hsl(114 15% 50%);
border-color: oklch(0.621 0.066 142);
}Tailwind CSS v4
@theme {
--color-paying-mantis: #70916c;
--color-paying-mantis-50: #eafaea;
--color-paying-mantis-100: #dbeeda;
--color-paying-mantis-200: #c4dcc3;
--color-paying-mantis-300: #a4c1a2;
--color-paying-mantis-400: #89a985;
--color-paying-mantis-500: #6d9269;
--color-paying-mantis-600: #5d7b59;
--color-paying-mantis-700: #4a6347;
--color-paying-mantis-800: #364832;
--color-paying-mantis-900: #253222;
--color-paying-mantis-950: #141e11;
}SCSS
$paying-mantis: #70916c;
$paying-mantis-rgb: 112, 145, 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);
}