Adlandırılmış renk · #4CBCA7
Mountain Lake Azure
Mountain Lake Azure, #4CBCA7: rgb(76 188 167), hsl(169 46% 52%), oklch(0.725 0.106 178.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Mountain Lake Azure color name →
#4CBCA7
oklch(0.725 0.106 178.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 63C3AF
- 77CAB8
- 8AD0C1
- 9CD7C9
- ADDED2
- BEE5DB
- CEEBE4
- DFF2ED
- EFF8F6
Koyu tonlar
- 41A391
- 368B7B
- 2C7366
- 225D52
- 18473E
- 0F322C
- 061F1A
- 020D0A
- 000201
Gri tonlar
- 56B6A3
- 5EB09F
- 64AA9B
- 6AA497
- 6F9E93
- 73988F
- 77928C
- 7B8C88
- 7D8684
Renk uyumları
Tamamlayıcı +180°
- 4CBCA7
Mountain Lake Azure
- DD89A5
≈ Vivacious Pink
Analog -30° +30°
- 4CBCA7
Mountain Lake Azure
- 75B981
≈ Jade Stone Green
- 41B8CA
≈ Water Sports
Üçlü +120° +240°
- 4CBCA7
Mountain Lake Azure
- AF97E0
≈ Dreamy Candy Forest
- D89560
≈ Gold Earth
Bölünmüş tamamlayıcı +150° +210°
- 4CBCA7
Mountain Lake Azure
- CB8EC7
≈ Rose Souvenir
- E18C80
≈ Coral Haze
Dörtlü +90° +180° +270°
- 4CBCA7
Mountain Lake Azure
- 8AA3EA
≈ Blue Cue
- DD89A5
≈ Vivacious Pink
- C1A352
≈ Sauterne
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.31:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.05:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.05:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
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);
}