Benannte Farbe · #789BB6
Walden Pond
Walden Pond ist #789BB6: rgb(120 155 182), hsl(206 30% 59%), oklch(0.673 0.056 241.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Walden Pond color name →
#789BB6
oklch(0.673 0.056 241.8)
Farbumrechnungen
- HEX
- #789bb6
- RGB
- rgb(120 155 182)
- HSL
- hsl(206 30% 59%)
- HWB
- hwb(206 47% 29%)
- OKLCH
- oklch(0.673 0.056 241.8)
- OKLab
- oklab(0.673 -0.026 -0.049)
- CIE Lab
- lab(62.09 -7.47 -18.23)
- LCH
- lch(62.09 19.7 247.7)
- CMYK
- cmyk(34% 15% 0% 29%)
Tints · Shades · Tones
Tints
- 85A5BD
- 92AEC5
- 9FB8CC
- ADC2D3
- BACCDA
- C8D6E2
- D5E0E9
- E3EAF0
- F1F5F8
Shades
- 67869E
- 577286
- 485E6F
- 394B59
- 2A3944
- 1D2830
- 10181D
- 05090C
- 010102
Tones
- 7998B1
- 7A96AB
- 7B93A6
- 7C90A0
- 7D8E9B
- 7E8B96
- 7E8890
- 7F858B
- 7F8385
Farbharmonien
Komplementär +180°
- 789BB6
Walden Pond
- B08F73
≈ Homeland
Analog -30° +30°
- 789BB6
Walden Pond
- 6DA0AA
≈ Reef Waters
- 8A95B9
≈ Lively Lilac
Triadisch +120° +240°
- 789BB6
Walden Pond
- B48893
≈ Rose Tea
- 909C76
≈ Usuao Blue
Geteilt komplementär +150° +210°
- 789BB6
Walden Pond
- B68A81
≈ Warm Comfort
- A3966F
≈ Sponge
Tetradisch +90° +180° +270°
- 789BB6
Walden Pond
- AB8AA6
≈ Lavender Herb
- B08F73
≈ Homeland
- 7DA185
≈ Aquadulce
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.93:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.16:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--walden-pond: #789bb6;
--walden-pond-rgb: 120 155 182;
--walden-pond-oklch: oklch(0.673 0.056 241.8);
}
.element {
color: var(--walden-pond);
background-color: hsl(206 30% 59%);
border-color: oklch(0.673 0.056 241.8);
}Tailwind CSS v4
@theme {
--color-walden-pond: #789bb6;
--color-walden-pond-50: #e8f7ff;
--color-walden-pond-100: #d9ebfa;
--color-walden-pond-200: #c1d8eb;
--color-walden-pond-300: #a0bbd2;
--color-walden-pond-400: #82a3bd;
--color-walden-pond-500: #658ba8;
--color-walden-pond-600: #56768e;
--color-walden-pond-700: #445e72;
--color-walden-pond-800: #304554;
--color-walden-pond-900: #21303b;
--color-walden-pond-950: #101c25;
}SCSS
$walden-pond: #789bb6;
$walden-pond-rgb: 120, 155, 182;
$walden-pond-light: mix(#fff, $walden-pond, 20%);
$walden-pond-dark: mix(#000, $walden-pond, 20%);
.element {
color: $walden-pond;
box-shadow: 0 0 0 2px rgba($walden-pond, 0.35);
}