Adlandırılmış renk · #41B57E
Ming Green
Ming Green, #41B57E: rgb(65 181 126), hsl(152 47% 48%), oklch(0.693 0.133 159.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Ming Green color name →
#41B57E
oklch(0.693 0.133 159.1)
Renk dönüşümleri
- HEX
- #41b57e
- RGB
- rgb(65 181 126)
- HSL
- hsl(152 47% 48%)
- HWB
- hwb(152 25% 29%)
- OKLCH
- oklch(0.693 0.133 159.1)
- OKLab
- oklab(0.693 -0.124 0.047)
- CIE Lab
- lab(66.19 -43.78 18.14)
- LCH
- lch(66.19 47.39 157.5)
- CMYK
- cmyk(64% 0% 30% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5ABD8A
- 70C497
- 83CCA4
- 96D3B0
- A8DBBD
- BAE2CA
- CBE9D7
- DDF1E4
- EEF8F2
Koyu tonlar
- 379D6D
- 2E865C
- 256F4C
- 1C593C
- 13442D
- 0B301F
- 051D11
- 010C05
- 000201
Gri tonlar
- 4DB07E
- 56AB7F
- 5EA57F
- 65A07F
- 6B9B80
- 709680
- 759080
- 798B80
- 7D8580
Renk uyumları
Tamamlayıcı +180°
- 41B57E
Ming Green
- D17AB7
≈ Peruvian Lily
Analog -30° +30°
- 41B57E
Ming Green
- 82AC4D
≈ Lime It or Leave It
- 00B4AC
≈ Glass Jar Blue
Üçlü +120° +240°
- 41B57E
Ming Green
- 8B92ED
≈ Perrywinkle
- E17D5C
≈ Dry Peach
Bölünmüş tamamlayıcı +150° +210°
- 41B57E
Ming Green
- B584DA
≈ Lavender Blossom
- E1778B
≈ Creamy Coral
Dörtlü +90° +180° +270°
- 41B57E
Ming Green
- 54A2EB
≈ Feather Star
- D17AB7
≈ Peruvian Lily
- D18B30
≈ Opulent
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.58:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.13:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.13:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--ming-green: #41b57e;
--ming-green-rgb: 65 181 126;
--ming-green-oklch: oklch(0.693 0.133 159.1);
}
.element {
color: var(--ming-green);
background-color: hsl(152 47% 48%);
border-color: oklch(0.693 0.133 159.1);
}Tailwind CSS v4
@theme {
--color-ming-green: #41b57e;
--color-ming-green-50: #d5ffe9;
--color-ming-green-100: #c2f6da;
--color-ming-green-200: #a1e6c2;
--color-ming-green-300: #75cda1;
--color-ming-green-400: #4bb682;
--color-ming-green-500: #00a065;
--color-ming-green-600: #018756;
--color-ming-green-700: #056c44;
--color-ming-green-800: #08502f;
--color-ming-green-900: #063720;
--color-ming-green-950: #00220f;
}SCSS
$ming-green: #41b57e;
$ming-green-rgb: 65, 181, 126;
$ming-green-light: mix(#fff, $ming-green, 20%);
$ming-green-dark: mix(#000, $ming-green, 20%);
.element {
color: $ming-green;
box-shadow: 0 0 0 2px rgba($ming-green, 0.35);
}