لون مسمّى · #218845
Rich Green
Rich Green هو #218845: rgb(33 136 69)، hsl(141 61% 33%)، oklch(0.553 0.137 150.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Rich Green color name →
#218845
oklch(0.553 0.137 150.3)
تحويلات الألوان
- HEX
- #218845
- RGB
- rgb(33 136 69)
- HSL
- hsl(141 61% 33%)
- HWB
- hwb(141 13% 47%)
- OKLCH
- oklch(0.553 0.137 150.3)
- OKLab
- oklab(0.553 -0.119 0.068)
- CIE Lab
- lab(49.92 -41.65 27.21)
- LCH
- lch(49.92 49.75 146.8)
- CMYK
- cmyk(76% 0% 49% 47%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3F9457
- 57A069
- 6DAC7B
- 83B78D
- 97C3A0
- ACCFB2
- C1DBC5
- D5E7D8
- EAF3EB
درجات داكنة
- 1B753B
- 166331
- 105227
- 0B411E
- 063115
- 03220C
- 011305
- 000602
- 000100
درجات رمادية
- 32884C
- 3F8752
- 498658
- 53865E
- 5B8564
- 63846A
- 6B836F
- 728275
- 79817B
تناسق الألوان
متمم +180°
- 218845
Rich Green
- 9E5198
≈ Hyacinth Violet
متجاور -30° +30°
- 218845
Rich Green
- 697D00
≈ Topiary Garden
- 008575
≈ Summer Turquoise
ثلاثي +120° +240°
- 218845
Rich Green
- 546BC2
≈ Amparo Blue
- B54E3F
≈ Raging Bull
متمم منقسم +150° +210°
- 218845
Rich Green
- 805DB6
≈ Lusty Lavender
- B04B6F
≈ Lickedy Lick
رباعي +90° +180° +270°
- 218845
Rich Green
- 007AB5
≈ Deep River
- 9E5198
≈ Hyacinth Violet
- A85D00
≈ Raw Umber
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.49:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.67:1 · APCA Lc 31
أفضل لون للنص: #000000
WCAG 4.67:1 (AA) · APCA Lc 31
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--rich-green: #218845;
--rich-green-rgb: 33 136 69;
--rich-green-oklch: oklch(0.553 0.137 150.3);
}
.element {
color: var(--rich-green);
background-color: hsl(141 61% 33%);
border-color: oklch(0.553 0.137 150.3);
}Tailwind CSS v4
@theme {
--color-rich-green: #218845;
--color-rich-green-50: #d9ffe2;
--color-rich-green-100: #c7f6d2;
--color-rich-green-200: #a8e6b8;
--color-rich-green-300: #7fcc95;
--color-rich-green-400: #5bb573;
--color-rich-green-500: #2c9e53;
--color-rich-green-600: #288647;
--color-rich-green-700: #206b38;
--color-rich-green-800: #194f26;
--color-rich-green-900: #103719;
--color-rich-green-950: #03220a;
}SCSS
$rich-green: #218845;
$rich-green-rgb: 33, 136, 69;
$rich-green-light: mix(#fff, $rich-green, 20%);
$rich-green-dark: mix(#000, $rich-green, 20%);
.element {
color: $rich-green;
box-shadow: 0 0 0 2px rgba($rich-green, 0.35);
}