لون مسمّى · #3C574E
Midnight Clover
Midnight Clover هو #3C574E: rgb(60 87 78)، hsl(160 18% 29%)، oklch(0.432 0.036 171.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Midnight Clover color name →
#3C574E
oklch(0.432 0.036 171.9)
تحويلات الألوان
- HEX
- #3c574e
- RGB
- rgb(60 87 78)
- HSL
- hsl(160 18% 29%)
- HWB
- hwb(160 24% 66%)
- OKLCH
- oklch(0.432 0.036 171.9)
- OKLab
- oklab(0.432 -0.035 0.005)
- CIE Lab
- lab(34.6 -12.23 1.82)
- LCH
- lch(34.6 12.36 171.5)
- CMYK
- cmyk(31% 0% 10% 66%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4E665E
- 60766E
- 72867F
- 859690
- 99A7A2
- ADB8B4
- C1CAC6
- D5DBD9
- EAEDEC
درجات داكنة
- 334B43
- 2A3E38
- 21332D
- 192723
- 111C19
- 0A120F
- 040807
- 010302
- 000000
درجات رمادية
- 435B53
- 4A5F58
- 50635D
- 576761
- 5E6B66
- 656F6B
- 6B7471
- 727876
- 797C7B
تناسق الألوان
متمم +180°
- 3C574E
Midnight Clover
- 604852
≈ Gǔ Tóng Hēi Copper
متجاور -30° +30°
- 3C574E
Midnight Clover
- 455643
≈ Catachan Green
- 385659
≈ Almost Famous
ثلاثي +120° +240°
- 3C574E
Midnight Clover
- 504D63
≈ Legendary Purple
- 614B3E
≈ Half-Caff
متمم منقسم +150° +210°
- 3C574E
Midnight Clover
- 5A4A5C
≈ Deep Merlot
- 634948
≈ Plum Raisin
رباعي +90° +180° +270°
- 3C574E
Midnight Clover
- 465164
≈ Navy Damask
- 604852
≈ Gǔ Tóng Hēi Copper
- 5A4F3A
≈ Beech
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.87:1 · APCA Lc 87
Ag
Failعلى الأسود
WCAG 2.66:1 · APCA Lc 15
أفضل لون للنص: #FFFFFF
WCAG 7.87:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--midnight-clover: #3c574e;
--midnight-clover-rgb: 60 87 78;
--midnight-clover-oklch: oklch(0.432 0.036 171.9);
}
.element {
color: var(--midnight-clover);
background-color: hsl(160 18% 29%);
border-color: oklch(0.432 0.036 171.9);
}Tailwind CSS v4
@theme {
--color-midnight-clover: #3c574e;
--color-midnight-clover-50: #ebf9f4;
--color-midnight-clover-100: #dcece7;
--color-midnight-clover-200: #c6dad3;
--color-midnight-clover-300: #a6beb6;
--color-midnight-clover-400: #8aa69c;
--color-midnight-clover-500: #6f8e83;
--color-midnight-clover-600: #5e786f;
--color-midnight-clover-700: #4b6059;
--color-midnight-clover-800: #364740;
--color-midnight-clover-900: #25312c;
--color-midnight-clover-950: #141d19;
}SCSS
$midnight-clover: #3c574e;
$midnight-clover-rgb: 60, 87, 78;
$midnight-clover-light: mix(#fff, $midnight-clover, 20%);
$midnight-clover-dark: mix(#000, $midnight-clover, 20%);
.element {
color: $midnight-clover;
box-shadow: 0 0 0 2px rgba($midnight-clover, 0.35);
}