Benannte Farbe · #68757E
Long Lake
Long Lake ist #68757E: rgb(104 117 126), hsl(205 10% 45%), oklch(0.555 0.021 238.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Long Lake color name →
#68757E
oklch(0.555 0.021 238.1)
Farbumrechnungen
- HEX
- #68757e
- RGB
- rgb(104 117 126)
- HSL
- hsl(205 10% 45%)
- HWB
- hwb(205 41% 51%)
- OKLCH
- oklch(0.555 0.021 238.1)
- OKLab
- oklab(0.555 -0.011 -0.018)
- CIE Lab
- lab(48.38 -3.49 -6.7)
- LCH
- lch(48.38 7.55 242.5)
- CMYK
- cmyk(17% 7% 0% 51%)
Tints · Shades · Tones
Tints
- 76828A
- 848F96
- 939CA3
- A2AAB0
- B1B8BD
- C0C6CA
- CFD4D7
- DFE2E4
- EFF0F1
Shades
- 59656D
- 4B555C
- 3E464C
- 30373C
- 24292D
- 181C1F
- 0C0F11
- 040505
- 000101
Tones
- 6A767E
- 6D777E
- 6F787F
- 72797F
- 747B7F
- 767C7F
- 797D7F
- 7B7E80
- 7E7F80
Farbharmonien
Komplementär +180°
- 68757E
Long Lake
- 7D7067
≈ Kindling
Analog -30° +30°
- 68757E
Long Lake
- 657779
≈ Becker Blue
- 6E7380
≈ Encore
Triadisch +120° +240°
- 68757E
Long Lake
- 7E6E73
≈ Royal Raisin
- 727567
≈ Evergreen Trail
Geteilt komplementär +150° +210°
- 68757E
Long Lake
- 7F6F6C
≈ Granite Boulder
- 787265
≈ Viking Castle
Tetradisch +90° +180° +270°
- 68757E
Long Lake
- 7A6F79
≈ Plum Shadow
- 7D7067
≈ Kindling
- 6B776C
≈ Camping Trip
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.73:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.43:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.73:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--long-lake: #68757e;
--long-lake-rgb: 104 117 126;
--long-lake-oklch: oklch(0.555 0.021 238.1);
}
.element {
color: var(--long-lake);
background-color: hsl(205 10% 45%);
border-color: oklch(0.555 0.021 238.1);
}Tailwind CSS v4
@theme {
--color-long-lake: #68757e;
--color-long-lake-50: #f0f6fb;
--color-long-lake-100: #e2e9ee;
--color-long-lake-200: #cdd6dc;
--color-long-lake-300: #aeb9c1;
--color-long-lake-400: #94a1aa;
--color-long-lake-500: #7a8993;
--color-long-lake-600: #67747c;
--color-long-lake-700: #525c63;
--color-long-lake-800: #3c4449;
--color-long-lake-900: #292f32;
--color-long-lake-950: #171b1e;
}SCSS
$long-lake: #68757e;
$long-lake-rgb: 104, 117, 126;
$long-lake-light: mix(#fff, $long-lake, 20%);
$long-lake-dark: mix(#000, $long-lake, 20%);
.element {
color: $long-lake;
box-shadow: 0 0 0 2px rgba($long-lake, 0.35);
}