لون مسمّى · #5D9865
Wildness Mint
Wildness Mint هو #5D9865: rgb(93 152 101)، hsl(128 24% 48%)، oklch(0.625 0.098 147.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Wildness Mint color name →
#5D9865
oklch(0.625 0.098 147.5)
تحويلات الألوان
- HEX
- #5d9865
- RGB
- rgb(93 152 101)
- HSL
- hsl(128 24% 48%)
- HWB
- hwb(128 36% 40%)
- OKLCH
- oklch(0.625 0.098 147.5)
- OKLab
- oklab(0.625 -0.083 0.053)
- CIE Lab
- lab(57.78 -28.47 20.61)
- LCH
- lch(57.78 35.15 144.1)
- CMYK
- cmyk(39% 0% 34% 40%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 6DA274
- 7DAC83
- 8DB692
- 9DC1A1
- ADCBB0
- BED5BF
- CEE0CF
- DEEADF
- EEF5EF
درجات داكنة
- 508457
- 437049
- 375C3C
- 2A4A2F
- 1F3822
- 142717
- 0A170C
- 030803
- 000100
درجات رمادية
- 619668
- 66936B
- 69916E
- 6D8F71
- 718C73
- 748A76
- 778879
- 7A857B
- 7D837E
تناسق الألوان
متمم +180°
- 5D9865
Wildness Mint
- A872A6
≈ Orchid Kiss
متجاور -30° +30°
- 5D9865
Wildness Mint
- 839047
≈ Camo
- 349B87
≈ Green Jelly
ثلاثي +120° +240°
- 5D9865
Wildness Mint
- 6E85C3
≈ Violets Are Blue
- BC7067
≈ Shepherd’s Warning
متمم منقسم +150° +210°
- 5D9865
Wildness Mint
- 8E7BBC
≈ Royal Raul
- B76E88
≈ Pink Hibiscus
رباعي +90° +180° +270°
- 5D9865
Wildness Mint
- 4790BC
≈ Quiet Night
- A872A6
≈ Orchid Kiss
- B47849
≈ Rocky Racoon
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.41:1 · APCA Lc 62
Ag
AAعلى الأسود
WCAG 6.14:1 · APCA Lc 40
أفضل لون للنص: #000000
WCAG 6.14:1 (AA) · APCA Lc 40
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--wildness-mint: #5d9865;
--wildness-mint-rgb: 93 152 101;
--wildness-mint-oklch: oklch(0.625 0.098 147.5);
}
.element {
color: var(--wildness-mint);
background-color: hsl(128 24% 48%);
border-color: oklch(0.625 0.098 147.5);
}Tailwind CSS v4
@theme {
--color-wildness-mint: #5d9865;
--color-wildness-mint-50: #e2fee6;
--color-wildness-mint-100: #d2f2d7;
--color-wildness-mint-200: #b8e1be;
--color-wildness-mint-300: #94c69d;
--color-wildness-mint-400: #76af7d;
--color-wildness-mint-500: #569860;
--color-wildness-mint-600: #498051;
--color-wildness-mint-700: #3a6741;
--color-wildness-mint-800: #2b4b2d;
--color-wildness-mint-900: #1d341e;
--color-wildness-mint-950: #0d200e;
}SCSS
$wildness-mint: #5d9865;
$wildness-mint-rgb: 93, 152, 101;
$wildness-mint-light: mix(#fff, $wildness-mint, 20%);
$wildness-mint-dark: mix(#000, $wildness-mint, 20%);
.element {
color: $wildness-mint;
box-shadow: 0 0 0 2px rgba($wildness-mint, 0.35);
}