Benannte Farbe · #77B6D5
Water Fountain
Water Fountain ist #77B6D5: rgb(119 182 213), hsl(200 53% 65%), oklch(0.745 0.079 230.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Water Fountain color name →
#77B6D5
oklch(0.745 0.079 230.5)
Farbumrechnungen
- HEX
- #77b6d5
- RGB
- rgb(119 182 213)
- HSL
- hsl(200 53% 65%)
- HWB
- hwb(200 47% 16%)
- OKLCH
- oklch(0.745 0.079 230.5)
- OKLab
- oklab(0.745 -0.05 -0.061)
- CIE Lab
- lab(70.64 -14.84 -22.43)
- LCH
- lch(70.64 26.9 236.5)
- CMYK
- cmyk(44% 15% 0% 16%)
Tints · Shades · Tones
Tints
- 85BDD9
- 93C5DE
- A1CCE2
- AED3E6
- BCDAEA
- C9E2EF
- D7E9F3
- E4F0F7
- F2F8FB
Shades
- 679EB9
- 57869E
- 476F83
- 38596A
- 2A4451
- 1C303A
- 101D24
- 050C10
- 010202
Tones
- 79B1CC
- 7AABC4
- 7CA6BB
- 7DA0B2
- 7E9BAA
- 7F96A1
- 7F9099
- 808B91
- 808588
Farbharmonien
Komplementär +180°
- 77B6D5
Water Fountain
- D59E7F
≈ Orange Maple
Analog -30° +30°
- 77B6D5
Water Fountain
- 6CBCC0
≈ Aqua Sky
- 90ADDF
≈ Black Drop
Triadisch +120° +240°
- 77B6D5
Water Fountain
- D398B3
≈ Exotic Lilac
- AFB177
≈ Timothy Grass
Geteilt komplementär +150° +210°
- 77B6D5
Water Fountain
- DA9997
≈ Blushing Bud
- C6A773
≈ Gold Rush
Tetradisch +90° +180° +270°
- 77B6D5
Water Fountain
- C39DCB
≈ Lilac Pink
- D59E7F
≈ Orange Maple
- 92B98A
≈ Tiki Monster
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.22:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.43:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.43:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--water-fountain: #77b6d5;
--water-fountain-rgb: 119 182 213;
--water-fountain-oklch: oklch(0.745 0.079 230.5);
}
.element {
color: var(--water-fountain);
background-color: hsl(200 53% 65%);
border-color: oklch(0.745 0.079 230.5);
}Tailwind CSS v4
@theme {
--color-water-fountain: #77b6d5;
--color-water-fountain-50: #e0faff;
--color-water-fountain-100: #cfedfe;
--color-water-fountain-200: #b4dbf1;
--color-water-fountain-300: #8fbfd9;
--color-water-fountain-400: #6ca7c4;
--color-water-fountain-500: #4990b1;
--color-water-fountain-600: #3f7a95;
--color-water-fountain-700: #326178;
--color-water-fountain-800: #224858;
--color-water-fountain-900: #17323d;
--color-water-fountain-950: #071e27;
}SCSS
$water-fountain: #77b6d5;
$water-fountain-rgb: 119, 182, 213;
$water-fountain-light: mix(#fff, $water-fountain, 20%);
$water-fountain-dark: mix(#000, $water-fountain, 20%);
.element {
color: $water-fountain;
box-shadow: 0 0 0 2px rgba($water-fountain, 0.35);
}