لون مسمّى · #4CBCA7
Mountain Lake Azure
Mountain Lake Azure هو #4CBCA7: rgb(76 188 167)، hsl(169 46% 52%)، oklch(0.725 0.106 178.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Mountain Lake Azure color name →
#4CBCA7
oklch(0.725 0.106 178.7)
تحويلات الألوان
- HEX
- #4cbca7
- RGB
- rgb(76 188 167)
- HSL
- hsl(169 46% 52%)
- HWB
- hwb(169 30% 26%)
- OKLCH
- oklch(0.725 0.106 178.7)
- OKLab
- oklab(0.725 -0.106 0.002)
- CIE Lab
- lab(69.47 -37.12 0.64)
- LCH
- lch(69.47 37.13 179)
- CMYK
- cmyk(60% 0% 11% 26%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 63C3AF
- 77CAB8
- 8AD0C1
- 9CD7C9
- ADDED2
- BEE5DB
- CEEBE4
- DFF2ED
- EFF8F6
درجات داكنة
- 41A391
- 368B7B
- 2C7366
- 225D52
- 18473E
- 0F322C
- 061F1A
- 020D0A
- 000201
درجات رمادية
- 56B6A3
- 5EB09F
- 64AA9B
- 6AA497
- 6F9E93
- 73988F
- 77928C
- 7B8C88
- 7D8684
تناسق الألوان
متمم +180°
- 4CBCA7
Mountain Lake Azure
- DD89A5
≈ Vivacious Pink
متجاور -30° +30°
- 4CBCA7
Mountain Lake Azure
- 75B981
≈ Jade Stone Green
- 41B8CA
≈ Water Sports
ثلاثي +120° +240°
- 4CBCA7
Mountain Lake Azure
- AF97E0
≈ Dreamy Candy Forest
- D89560
≈ Gold Earth
متمم منقسم +150° +210°
- 4CBCA7
Mountain Lake Azure
- CB8EC7
≈ Rose Souvenir
- E18C80
≈ Coral Haze
رباعي +90° +180° +270°
- 4CBCA7
Mountain Lake Azure
- 8AA3EA
≈ Blue Cue
- DD89A5
≈ Vivacious Pink
- C1A352
≈ Sauterne
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.31:1 · APCA Lc 45
Ag
AAAعلى الأسود
WCAG 9.05:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.05:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mountain-lake-azure: #4cbca7;
--mountain-lake-azure-rgb: 76 188 167;
--mountain-lake-azure-oklch: oklch(0.725 0.106 178.7);
}
.element {
color: var(--mountain-lake-azure);
background-color: hsl(169 46% 52%);
border-color: oklch(0.725 0.106 178.7);
}Tailwind CSS v4
@theme {
--color-mountain-lake-azure: #4cbca7;
--color-mountain-lake-azure-50: #d5fff7;
--color-mountain-lake-azure-100: #c2f4ea;
--color-mountain-lake-azure-200: #a2e4d6;
--color-mountain-lake-azure-300: #76caba;
--color-mountain-lake-azure-400: #4ab39f;
--color-mountain-lake-azure-500: #009d87;
--color-mountain-lake-azure-600: #008472;
--color-mountain-lake-azure-700: #036a5b;
--color-mountain-lake-azure-800: #044e41;
--color-mountain-lake-azure-900: #04362d;
--color-mountain-lake-azure-950: #00211a;
}SCSS
$mountain-lake-azure: #4cbca7;
$mountain-lake-azure-rgb: 76, 188, 167;
$mountain-lake-azure-light: mix(#fff, $mountain-lake-azure, 20%);
$mountain-lake-azure-dark: mix(#000, $mountain-lake-azure, 20%);
.element {
color: $mountain-lake-azure;
box-shadow: 0 0 0 2px rgba($mountain-lake-azure, 0.35);
}