Benannte Farbe · #77BCB6
Polished Aqua
Polished Aqua ist #77BCB6: rgb(119 188 182), hsl(175 34% 60%), oklch(0.748 0.07 188.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Polished Aqua color name →
#77BCB6
oklch(0.748 0.07 188.8)
Farbumrechnungen
- HEX
- #77bcb6
- RGB
- rgb(119 188 182)
- HSL
- hsl(175 34% 60%)
- HWB
- hwb(175 47% 26%)
- OKLCH
- oklch(0.748 0.07 188.8)
- OKLab
- oklab(0.748 -0.07 -0.011)
- CIE Lab
- lab(71.55 -23.77 -4.24)
- LCH
- lch(71.55 24.14 190.1)
- CMYK
- cmyk(37% 0% 3% 26%)
Tints · Shades · Tones
Tints
- 85C3BD
- 93C9C4
- A1D0CB
- AFD7D3
- BCDDDA
- CAE4E1
- D7EBE9
- E4F2F0
- F2F8F8
Shades
- 67A39E
- 578B86
- 47736F
- 385D59
- 2A4744
- 1C3230
- 101F1D
- 050D0C
- 010202
Tones
- 79B6B0
- 7BB0AB
- 7CAAA5
- 7DA4A0
- 7E9E9B
- 7F9895
- 809290
- 808C8B
- 808685
Farbharmonien
Komplementär +180°
- 77BCB6
Polished Aqua
- D59BA4
≈ Silver Rose
Analog -30° +30°
- 77BCB6
Polished Aqua
- 87BB9D
≈ Grand Gusto
- 79B8CB
≈ Blue Chrysocolla
Triadisch +120° +240°
- 77BCB6
Polished Aqua
- BAA2D0
≈ Lucius Lilac
- CBA67D
≈ Sugar Pie
Geteilt komplementär +150° +210°
- 77BCB6
Polished Aqua
- CC9CBC
≈ Peach Buff
- D59E8D
≈ Indian Mesa
Tetradisch +90° +180° +270°
- 77BCB6
Polished Aqua
- A3A9DA
≈ Childish Wonder
- D59BA4
≈ Silver Rose
- B8AE7A
≈ Goldie Oldie
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.17:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.65:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.65:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--polished-aqua: #77bcb6;
--polished-aqua-rgb: 119 188 182;
--polished-aqua-oklch: oklch(0.748 0.07 188.8);
}
.element {
color: var(--polished-aqua);
background-color: hsl(175 34% 60%);
border-color: oklch(0.748 0.07 188.8);
}Tailwind CSS v4
@theme {
--color-polished-aqua: #77bcb6;
--color-polished-aqua-50: #dffcfa;
--color-polished-aqua-100: #cef0ed;
--color-polished-aqua-200: #b3dedb;
--color-polished-aqua-300: #8dc3c0;
--color-polished-aqua-400: #6caca7;
--color-polished-aqua-500: #47958f;
--color-polished-aqua-600: #3e7e79;
--color-polished-aqua-700: #316561;
--color-polished-aqua-800: #224a46;
--color-polished-aqua-900: #173431;
--color-polished-aqua-950: #071f1d;
}SCSS
$polished-aqua: #77bcb6;
$polished-aqua-rgb: 119, 188, 182;
$polished-aqua-light: mix(#fff, $polished-aqua, 20%);
$polished-aqua-dark: mix(#000, $polished-aqua, 20%);
.element {
color: $polished-aqua;
box-shadow: 0 0 0 2px rgba($polished-aqua, 0.35);
}