Adlandırılmış renk · #76C6D3
Lagoona Teal
Lagoona Teal, #76C6D3: rgb(118 198 211), hsl(188 51% 65%), oklch(0.78 0.081 208.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Lagoona Teal color name →
#76C6D3
oklch(0.78 0.081 208.9)
Renk dönüşümleri
- HEX
- #76c6d3
- RGB
- rgb(118 198 211)
- HSL
- hsl(188 51% 65%)
- HWB
- hwb(188 46% 17%)
- OKLCH
- oklch(0.78 0.081 208.9)
- OKLab
- oklab(0.78 -0.071 -0.039)
- CIE Lab
- lab(75.12 -23.07 -14.65)
- LCH
- lch(75.12 27.33 212.4)
- CMYK
- cmyk(44% 6% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 85CCD7
- 94D2DC
- A2D7E0
- AFDDE5
- BDE3E9
- CAE8ED
- D8EEF2
- E5F4F6
- F2F9FB
Koyu tonlar
- 66ACB7
- 56929C
- 477A82
- 386269
- 294B51
- 1C353A
- 0F2124
- 050E10
- 010202
Gri tonlar
- 79BFCA
- 7BB8C2
- 7CB1B9
- 7EAAB1
- 7FA3A9
- 809CA0
- 809598
- 808E90
- 808788
Renk uyumları
Tamamlayıcı +180°
- 76C6D3
Lagoona Teal
- E6A49A
≈ Cuticle Pink
Analog -30° +30°
- 76C6D3
Lagoona Teal
- 7BC9B8
≈ Hawaiian Vacation
- 87BFE6
≈ Watery Sea
Üçlü +120° +240°
- 76C6D3
Lagoona Teal
- D5A5D1
≈ Berry Popsicle
- CCB57B
≈ Aged Seagrass
Bölünmüş tamamlayıcı +150° +210°
- 76C6D3
Lagoona Teal
- E3A2B6
≈ Blushing Tulip
- DFAB84
≈ Tumbleweed
Dörtlü +90° +180° +270°
- 76C6D3
Lagoona Teal
- BEACE4
≈ Perfume
- E6A49A
≈ Cuticle Pink
- B1BF84
≈ Dried Caspia
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.94:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.78:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.78:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--lagoona-teal: #76c6d3;
--lagoona-teal-rgb: 118 198 211;
--lagoona-teal-oklch: oklch(0.78 0.081 208.9);
}
.element {
color: var(--lagoona-teal);
background-color: hsl(188 51% 65%);
border-color: oklch(0.78 0.081 208.9);
}Tailwind CSS v4
@theme {
--color-lagoona-teal: #76c6d3;
--color-lagoona-teal-50: #dcfcff;
--color-lagoona-teal-100: #caf0f7;
--color-lagoona-teal-200: #addee8;
--color-lagoona-teal-300: #86c3cf;
--color-lagoona-teal-400: #61acb8;
--color-lagoona-teal-500: #3795a3;
--color-lagoona-teal-600: #307e8a;
--color-lagoona-teal-700: #27656e;
--color-lagoona-teal-800: #1a4a50;
--color-lagoona-teal-900: #113338;
--color-lagoona-teal-950: #031f23;
}SCSS
$lagoona-teal: #76c6d3;
$lagoona-teal-rgb: 118, 198, 211;
$lagoona-teal-light: mix(#fff, $lagoona-teal, 20%);
$lagoona-teal-dark: mix(#000, $lagoona-teal, 20%);
.element {
color: $lagoona-teal;
box-shadow: 0 0 0 2px rgba($lagoona-teal, 0.35);
}