Adlandırılmış renk · #77B5AA
Intracoastal
Intracoastal, #77B5AA: rgb(119 181 170), hsl(169 30% 59%), oklch(0.728 0.066 182). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Intracoastal color name →
#77B5AA
oklch(0.728 0.066 182)
Renk dönüşümleri
- HEX
- #77b5aa
- RGB
- rgb(119 181 170)
- HSL
- hsl(169 30% 59%)
- HWB
- hwb(169 47% 29%)
- OKLCH
- oklch(0.728 0.066 182)
- OKLab
- oklab(0.728 -0.066 -0.002)
- CIE Lab
- lab(69.23 -22.69 -1.07)
- LCH
- lch(69.23 22.71 182.7)
- CMYK
- cmyk(34% 0% 6% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 85BCB2
- 93C4BA
- A1CBC3
- AED2CB
- BCDAD4
- C9E1DC
- D7E9E5
- E4F0ED
- F1F8F6
Koyu tonlar
- 679D93
- 57867D
- 476F68
- 385953
- 2A443F
- 1C302D
- 101D1B
- 050C0B
- 010201
Gri tonlar
- 79B0A6
- 7AAAA1
- 7CA59D
- 7DA099
- 7E9A95
- 7F9591
- 7F908C
- 808B88
- 808584
Renk uyumları
Tamamlayıcı +180°
- 77B5AA
Intracoastal
- CB96A4
≈ Cooing Doves
Analog -30° +30°
- 77B5AA
Intracoastal
- 88B393
≈ King Theo
- 75B2BF
≈ Glacier
Üçlü +120° +240°
- 77B5AA
Intracoastal
- AE9ECA
≈ Purple Rose
- C69E7C
≈ Desert Carnation
Bölünmüş tamamlayıcı +150° +210°
- 77B5AA
Intracoastal
- C098BA
≈ Dripping Wisteria
- CD988D
≈ Calliope
Dörtlü +90° +180° +270°
- 77B5AA
Intracoastal
- 98A5D1
≈ Foresight
- CB96A4
≈ Cooing Doves
- B6A677
≈ Green Fig
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.33:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.97:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.97:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--intracoastal: #77b5aa;
--intracoastal-rgb: 119 181 170;
--intracoastal-oklch: oklch(0.728 0.066 182);
}
.element {
color: var(--intracoastal);
background-color: hsl(169 30% 59%);
border-color: oklch(0.728 0.066 182);
}Tailwind CSS v4
@theme {
--color-intracoastal: #77b5aa;
--color-intracoastal-50: #e1fcf7;
--color-intracoastal-100: #d1f0ea;
--color-intracoastal-200: #b6ded7;
--color-intracoastal-300: #92c3bb;
--color-intracoastal-400: #71aca1;
--color-intracoastal-500: #509589;
--color-intracoastal-600: #447e74;
--color-intracoastal-700: #36655d;
--color-intracoastal-800: #274a43;
--color-intracoastal-900: #1a332e;
--color-intracoastal-950: #0a1f1b;
}SCSS
$intracoastal: #77b5aa;
$intracoastal-rgb: 119, 181, 170;
$intracoastal-light: mix(#fff, $intracoastal, 20%);
$intracoastal-dark: mix(#000, $intracoastal, 20%);
.element {
color: $intracoastal;
box-shadow: 0 0 0 2px rgba($intracoastal, 0.35);
}