Benannte Farbe · #689DB7
Lake Lucerne
Lake Lucerne ist #689DB7: rgb(104 157 183), hsl(200 35% 56%), oklch(0.669 0.068 230.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Lake Lucerne color name →
#689DB7
oklch(0.669 0.068 230.3)
Farbumrechnungen
- HEX
- #689db7
- RGB
- rgb(104 157 183)
- HSL
- hsl(200 35% 56%)
- HWB
- hwb(200 41% 28%)
- OKLCH
- oklch(0.669 0.068 230.3)
- OKLab
- oklab(0.669 -0.043 -0.052)
- CIE Lab
- lab(61.76 -12.99 -19.4)
- LCH
- lch(61.76 23.35 236.2)
- CMYK
- cmyk(43% 14% 0% 28%)
Tints · Shades · Tones
Tints
- 77A7BE
- 86B0C5
- 95BACD
- A4C4D4
- B3CDDB
- C2D7E2
- D1E1E9
- E0EBF1
- F0F5F8
Shades
- 59889F
- 4B7387
- 3E5F70
- 304C5A
- 243A45
- 182831
- 0C181E
- 04090C
- 000102
Tones
- 6B9AB1
- 6E97AC
- 7194A6
- 7492A1
- 768F9B
- 788C96
- 7A8990
- 7C868B
- 7E8385
Farbharmonien
Komplementär +180°
- 689DB7
Lake Lucerne
- B8896F
≈ Carmelite
Analog -30° +30°
- 689DB7
Lake Lucerne
- 5FA2A5
≈ Meadowbrook
- 7D96BF
≈ Denver River
Triadisch +120° +240°
- 689DB7
Lake Lucerne
- B6849A
≈ Nuisette
- 979968
≈ Guacamole
Geteilt komplementär +150° +210°
- 689DB7
Lake Lucerne
- BB8483
≈ Notice Me
- AB9164
≈ Modern Avocado
Tetradisch +90° +180° +270°
- 689DB7
Lake Lucerne
- A887AF
≈ Violet Eclipse
- B8896F
≈ Carmelite
- 7FA078
≈ Green Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.95:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.09:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.09:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--lake-lucerne: #689db7;
--lake-lucerne-rgb: 104 157 183;
--lake-lucerne-oklch: oklch(0.669 0.068 230.3);
}
.element {
color: var(--lake-lucerne);
background-color: hsl(200 35% 56%);
border-color: oklch(0.669 0.068 230.3);
}Tailwind CSS v4
@theme {
--color-lake-lucerne: #689db7;
--color-lake-lucerne-50: #e3f9ff;
--color-lake-lucerne-100: #d2ecfb;
--color-lake-lucerne-200: #b8daed;
--color-lake-lucerne-300: #95bed5;
--color-lake-lucerne-400: #74a6bf;
--color-lake-lucerne-500: #548fab;
--color-lake-lucerne-600: #487990;
--color-lake-lucerne-700: #396174;
--color-lake-lucerne-800: #284755;
--color-lake-lucerne-900: #1a313b;
--color-lake-lucerne-950: #0b1d25;
}SCSS
$lake-lucerne: #689db7;
$lake-lucerne-rgb: 104, 157, 183;
$lake-lucerne-light: mix(#fff, $lake-lucerne, 20%);
$lake-lucerne-dark: mix(#000, $lake-lucerne, 20%);
.element {
color: $lake-lucerne;
box-shadow: 0 0 0 2px rgba($lake-lucerne, 0.35);
}