Benannte Farbe · #ADB8C0
Lakeside
Lakeside ist #ADB8C0: rgb(173 184 192), hsl(205 13% 72%), oklch(0.776 0.017 239.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lakeside color name →
#ADB8C0
oklch(0.776 0.017 239.2)
Farbumrechnungen
- HEX
- #adb8c0
- RGB
- rgb(173 184 192)
- HSL
- hsl(205 13% 72%)
- HWB
- hwb(205 68% 25%)
- OKLCH
- oklch(0.776 0.017 239.2)
- OKLab
- oklab(0.776 -0.009 -0.014)
- CIE Lab
- lab(74.1 -2.76 -5.45)
- LCH
- lch(74.1 6.11 243.2)
- CMYK
- cmyk(10% 4% 0% 25%)
Tints · Shades · Tones
Tints
- B5BFC6
- BDC6CC
- C5CDD3
- CDD4D9
- D5DBDF
- DEE2E5
- E6E9EC
- EEF0F2
- F7F8F9
Shades
- 96A0A7
- 7F888E
- 6A7176
- 555B5F
- 414549
- 2D3134
- 1B1E20
- 0B0C0E
- 010202
Tones
- A8B2B9
- A4ADB3
- 9FA7AC
- 9BA1A6
- 969C9F
- 929699
- 8D9093
- 898B8C
- 848586
Farbharmonien
Komplementär +180°
- ADB8C0
Lakeside
- BFB4AC
≈ Tide
Analog -30° +30°
- ADB8C0
Lakeside
- ABB9BC
≈ Lagoon Reflection
- B2B6C1
≈ Cube Farm
Triadisch +120° +240°
- ADB8C0
Lakeside
- C0B2B6
≈ Chaise Mauve
- B5B8AC
≈ Cool Sea Air
Geteilt komplementär +150° +210°
- ADB8C0
Lakeside
- C1B3B0
≈ Jack Rabbit
- BAB6AA
≈ Play on Grey
Tetradisch +90° +180° +270°
- ADB8C0
Lakeside
- BDB3BC
≈ Ash Grove
- BFB4AC
≈ Tide
- AFB9B1
≈ Silvermist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.02:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.39:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--lakeside: #adb8c0;
--lakeside-rgb: 173 184 192;
--lakeside-oklch: oklch(0.776 0.017 239.2);
}
.element {
color: var(--lakeside);
background-color: hsl(205 13% 72%);
border-color: oklch(0.776 0.017 239.2);
}Tailwind CSS v4
@theme {
--color-lakeside: #adb8c0;
--color-lakeside-50: #f1f6fa;
--color-lakeside-100: #e3e9ed;
--color-lakeside-200: #ced5db;
--color-lakeside-300: #b0b9bf;
--color-lakeside-400: #96a0a7;
--color-lakeside-500: #7c8890;
--color-lakeside-600: #69737a;
--color-lakeside-700: #545c62;
--color-lakeside-800: #3d4348;
--color-lakeside-900: #2a2f32;
--color-lakeside-950: #181b1e;
}SCSS
$lakeside: #adb8c0;
$lakeside-rgb: 173, 184, 192;
$lakeside-light: mix(#fff, $lakeside, 20%);
$lakeside-dark: mix(#000, $lakeside, 20%);
.element {
color: $lakeside;
box-shadow: 0 0 0 2px rgba($lakeside, 0.35);
}