لون مسمّى · #7AC5B4
Monte Carlo
Monte Carlo هو #7AC5B4: rgb(122 197 180)، hsl(166 39% 63%)، oklch(0.769 0.079 178). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Monte Carlo color name →
#7AC5B4
oklch(0.769 0.079 178)
تحويلات الألوان
- HEX
- #7ac5b4
- RGB
- rgb(122 197 180)
- HSL
- hsl(166 39% 63%)
- HWB
- hwb(166 48% 23%)
- OKLCH
- oklch(0.769 0.079 178)
- OKLab
- oklab(0.769 -0.079 0.003)
- CIE Lab
- lab(74.27 -27.33 0.8)
- LCH
- lch(74.27 27.35 178.3)
- CMYK
- cmyk(38% 0% 9% 23%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 88CBBB
- 96D1C3
- A4D6CA
- B1DCD1
- BEE2D9
- CBE8E0
- D8EEE8
- E5F3F0
- F2F9F7
درجات داكنة
- 69AB9C
- 599285
- 49796E
- 3A6158
- 2B4B44
- 1D3530
- 10211D
- 050E0C
- 010202
درجات رمادية
- 7CBEAF
- 7DB7A9
- 7FB0A4
- 7FA99F
- 80A29A
- 819B94
- 81948F
- 818E8A
- 808785
تناسق الألوان
متمم +180°
- 7AC5B4
Monte Carlo
- DE9FB4
≈ Faded Pink
متجاور -30° +30°
- 7AC5B4
Monte Carlo
- 92C298
≈ Velvet Leaf
- 74C3CE
≈ Twisted Blue
ثلاثي +120° +240°
- 7AC5B4
Monte Carlo
- BAAAE1
≈ Perfume
- DBA882
≈ Eastern Spice
متمم منقسم +150° +210°
- 7AC5B4
Monte Carlo
- D0A3CE
≈ Geranium Bud
- E2A198
≈ Cuticle Pink
رباعي +90° +180° +270°
- 7AC5B4
Monte Carlo
- 9EB3E7
≈ Myrtle Flower
- DE9FB4
≈ Faded Pink
- C9B279
≈ Roasted Pistachio
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.00:1 · APCA Lc 39
Ag
AAAعلى الأسود
WCAG 10.47:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--monte-carlo: #7ac5b4;
--monte-carlo-rgb: 122 197 180;
--monte-carlo-oklch: oklch(0.769 0.079 178);
}
.element {
color: var(--monte-carlo);
background-color: hsl(166 39% 63%);
border-color: oklch(0.769 0.079 178);
}Tailwind CSS v4
@theme {
--color-monte-carlo: #7ac5b4;
--color-monte-carlo-50: #defdf6;
--color-monte-carlo-100: #cdf1e9;
--color-monte-carlo-200: #b0e0d5;
--color-monte-carlo-300: #8ac5b9;
--color-monte-carlo-400: #68ae9e;
--color-monte-carlo-500: #429786;
--color-monte-carlo-600: #398072;
--color-monte-carlo-700: #2d675b;
--color-monte-carlo-800: #204b41;
--color-monte-carlo-900: #15342d;
--color-monte-carlo-950: #06201a;
}SCSS
$monte-carlo: #7ac5b4;
$monte-carlo-rgb: 122, 197, 180;
$monte-carlo-light: mix(#fff, $monte-carlo, 20%);
$monte-carlo-dark: mix(#000, $monte-carlo, 20%);
.element {
color: $monte-carlo;
box-shadow: 0 0 0 2px rgba($monte-carlo, 0.35);
}