Benannte Farbe · #77B5AA
Intracoastal
Intracoastal ist #77B5AA: rgb(119 181 170), hsl(169 30% 59%), oklch(0.728 0.066 182). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Intracoastal color name →
#77B5AA
oklch(0.728 0.066 182)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 85BCB2
- 93C4BA
- A1CBC3
- AED2CB
- BCDAD4
- C9E1DC
- D7E9E5
- E4F0ED
- F1F8F6
Shades
- 679D93
- 57867D
- 476F68
- 385953
- 2A443F
- 1C302D
- 101D1B
- 050C0B
- 010201
Tones
- 79B0A6
- 7AAAA1
- 7CA59D
- 7DA099
- 7E9A95
- 7F9591
- 7F908C
- 808B88
- 808584
Farbharmonien
Komplementär +180°
- 77B5AA
Intracoastal
- CB96A4
≈ Cooing Doves
Analog -30° +30°
- 77B5AA
Intracoastal
- 88B393
≈ King Theo
- 75B2BF
≈ Glacier
Triadisch +120° +240°
- 77B5AA
Intracoastal
- AE9ECA
≈ Purple Rose
- C69E7C
≈ Desert Carnation
Geteilt komplementär +150° +210°
- 77B5AA
Intracoastal
- C098BA
≈ Dripping Wisteria
- CD988D
≈ Calliope
Tetradisch +90° +180° +270°
- 77B5AA
Intracoastal
- 98A5D1
≈ Foresight
- CB96A4
≈ Cooing Doves
- B6A677
≈ Green Fig
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.33:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.97:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.97:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
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);
}