Benannte Farbe · #9FAFBD
Lost in Time
Lost in Time ist #9FAFBD: rgb(159 175 189), hsl(208 19% 68%), oklch(0.746 0.027 244.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lost in Time color name →
#9FAFBD
oklch(0.746 0.027 244.5)
Farbumrechnungen
- HEX
- #9fafbd
- RGB
- rgb(159 175 189)
- HSL
- hsl(208 19% 68%)
- HWB
- hwb(208 62% 26%)
- OKLCH
- oklch(0.746 0.027 244.5)
- OKLab
- oklab(0.746 -0.012 -0.024)
- CIE Lab
- lab(70.55 -3.57 -9.17)
- LCH
- lch(70.55 9.84 248.8)
- CMYK
- cmyk(16% 7% 0% 26%)
Tints · Shades · Tones
Tints
- A8B7C3
- B2BFCA
- BBC6D1
- C5CED7
- CED6DE
- D8DEE4
- E1E6EB
- EBEFF2
- F5F7F8
Shades
- 8A98A4
- 75818C
- 616B74
- 4D565D
- 3B4147
- 292E33
- 181C1F
- 090B0D
- 010102
Tones
- 9CAAB7
- 99A5B1
- 96A1AA
- 939CA4
- 8F979E
- 8C9398
- 898E92
- 86898C
- 838586
Farbharmonien
Komplementär +180°
- 9FAFBD
Lost in Time
- B9AA9B
≈ Oxford Tan
Analog -30° +30°
- 9FAFBD
Lost in Time
- 9AB1B7
≈ Mohair Soft Blue Grey
- A7ACBE
≈ Lilac Hush
Triadisch +120° +240°
- 9FAFBD
Lost in Time
- BDA6AA
≈ Pale Poppy
- A9B09E
≈ Still
Geteilt komplementär +150° +210°
- 9FAFBD
Lost in Time
- BDA7A1
≈ Heavenly Cocoa
- B2AD9A
≈ Gateway Pillar
Tetradisch +90° +180° +270°
- 9FAFBD
Lost in Time
- B8A7B4
≈ Buckwheat Mauve
- B9AA9B
≈ Oxford Tan
- A0B2A5
≈ Powdered Gum
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.24:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.34:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--lost-in-time: #9fafbd;
--lost-in-time-rgb: 159 175 189;
--lost-in-time-oklch: oklch(0.746 0.027 244.5);
}
.element {
color: var(--lost-in-time);
background-color: hsl(208 19% 68%);
border-color: oklch(0.746 0.027 244.5);
}Tailwind CSS v4
@theme {
--color-lost-in-time: #9fafbd;
--color-lost-in-time-50: #eff6fd;
--color-lost-in-time-100: #e1e9f1;
--color-lost-in-time-200: #cbd6df;
--color-lost-in-time-300: #adb9c5;
--color-lost-in-time-400: #92a1ae;
--color-lost-in-time-500: #788997;
--color-lost-in-time-600: #657480;
--color-lost-in-time-700: #515c66;
--color-lost-in-time-800: #3a444b;
--color-lost-in-time-900: #282f34;
--color-lost-in-time-950: #161b20;
}SCSS
$lost-in-time: #9fafbd;
$lost-in-time-rgb: 159, 175, 189;
$lost-in-time-light: mix(#fff, $lost-in-time, 20%);
$lost-in-time-dark: mix(#000, $lost-in-time, 20%);
.element {
color: $lost-in-time;
box-shadow: 0 0 0 2px rgba($lost-in-time, 0.35);
}