Adlandırılmış renk · #7AC5B4
Monte Carlo
Monte Carlo, #7AC5B4: rgb(122 197 180), hsl(166 39% 63%), oklch(0.769 0.079 178). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Monte Carlo color name →
#7AC5B4
oklch(0.769 0.079 178)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 88CBBB
- 96D1C3
- A4D6CA
- B1DCD1
- BEE2D9
- CBE8E0
- D8EEE8
- E5F3F0
- F2F9F7
Koyu tonlar
- 69AB9C
- 599285
- 49796E
- 3A6158
- 2B4B44
- 1D3530
- 10211D
- 050E0C
- 010202
Gri tonlar
- 7CBEAF
- 7DB7A9
- 7FB0A4
- 7FA99F
- 80A29A
- 819B94
- 81948F
- 818E8A
- 808785
Renk uyumları
Tamamlayıcı +180°
- 7AC5B4
Monte Carlo
- DE9FB4
≈ Faded Pink
Analog -30° +30°
- 7AC5B4
Monte Carlo
- 92C298
≈ Velvet Leaf
- 74C3CE
≈ Twisted Blue
Üçlü +120° +240°
- 7AC5B4
Monte Carlo
- BAAAE1
≈ Perfume
- DBA882
≈ Eastern Spice
Bölünmüş tamamlayıcı +150° +210°
- 7AC5B4
Monte Carlo
- D0A3CE
≈ Geranium Bud
- E2A198
≈ Cuticle Pink
Dörtlü +90° +180° +270°
- 7AC5B4
Monte Carlo
- 9EB3E7
≈ Myrtle Flower
- DE9FB4
≈ Faded Pink
- C9B279
≈ Roasted Pistachio
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.00:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.47:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
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);
}