لون مسمّى · #2A603B
Midori
Midori هو #2A603B: rgb(42 96 59)، hsl(139 39% 27%)، oklch(0.442 0.084 151.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Midori color name →
#2A603B
oklch(0.442 0.084 151.8)
تحويلات الألوان
- HEX
- #2a603b
- RGB
- rgb(42 96 59)
- HSL
- hsl(139 39% 27%)
- HWB
- hwb(139 16% 62%)
- OKLCH
- oklch(0.442 0.084 151.8)
- OKLab
- oklab(0.442 -0.074 0.04)
- CIE Lab
- lab(36.3 -25.77 15.52)
- LCH
- lch(36.3 30.09 148.9)
- CMYK
- cmyk(56% 0% 39% 62%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 406F4D
- 547E5F
- 698D72
- 7D9D85
- 92AD98
- A7BDAC
- BDCDC0
- D3DED5
- E9EEEA
درجات داكنة
- 235232
- 1C4529
- 163821
- 102C19
- 0A2011
- 051509
- 020A04
- 010301
- 000000
درجات رمادية
- 346342
- 3E6749
- 466A50
- 4F6D56
- 57705D
- 607464
- 68776B
- 707A72
- 787D79
تناسق الألوان
متمم +180°
- 2A603B
Midori
- 6E4168
≈ Burnt Orchid
متجاور -30° +30°
- 2A603B
Midori
- 4B5A20
≈ Obscure Olive
- 006156
≈ Philodendron
ثلاثي +120° +240°
- 2A603B
Midori
- 434F81
≈ Blue Jewel
- 7B4035
≈ Aged Teak
متمم منقسم +150° +210°
- 2A603B
Midori
- 5C477A
≈ In the Vines
- 783E4F
≈ Vintage Merlot
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.40:1 · APCA Lc 86
Ag
Failعلى الأسود
WCAG 2.83:1 · APCA Lc 16
أفضل لون للنص: #FFFFFF
WCAG 7.40:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--midori: #2a603b;
--midori-rgb: 42 96 59;
--midori-oklch: oklch(0.442 0.084 151.8);
}
.element {
color: var(--midori);
background-color: hsl(139 39% 27%);
border-color: oklch(0.442 0.084 151.8);
}Tailwind CSS v4
@theme {
--color-midori: #2a603b;
--color-midori-50: #e4fdea;
--color-midori-100: #d3f1db;
--color-midori-200: #badfc4;
--color-midori-300: #96c4a4;
--color-midori-400: #79ad86;
--color-midori-500: #59966a;
--color-midori-600: #4c7f5a;
--color-midori-700: #3d6648;
--color-midori-800: #2c4b33;
--color-midori-900: #1e3422;
--color-midori-950: #0e1f12;
}SCSS
$midori: #2a603b;
$midori-rgb: 42, 96, 59;
$midori-light: mix(#fff, $midori, 20%);
$midori-dark: mix(#000, $midori, 20%);
.element {
color: $midori;
box-shadow: 0 0 0 2px rgba($midori, 0.35);
}