Najbliższy nazwany kolor · #93ADBE
#93ADBE
Najbliższy nazwany kolor: Lost in Time
#93ADBE (rgb(147 173 190), hsl(204 25% 66%), oklch(0.734 0.038 236.7)) jest najbliższy nazwanemu kolorowi Lost in Time. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#93ADBE
oklch(0.734 0.038 236.7)
Konwersje koloru
- HEX
- #93adbe
- RGB
- rgb(147 173 190)
- HSL
- hsl(204 25% 66%)
- HWB
- hwb(204 58% 25%)
- OKLCH
- oklch(0.734 0.038 236.7)
- OKLab
- oklab(0.734 -0.021 -0.032)
- CIE Lab
- lab(69.16 -6.44 -11.88)
- LCH
- lch(69.16 13.51 241.5)
- CMYK
- cmyk(23% 9% 0% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9DB5C4
- A8BDCB
- B3C5D1
- BDCDD8
- C8D5DE
- D3DEE5
- DEE6EB
- E9EEF2
- F4F7F8
Odcienie ciemniejsze
- 7F96A5
- 6C7F8C
- 596A75
- 47555E
- 364148
- 252D33
- 161B1F
- 080B0D
- 010102
Tony
- 91A8B8
- 8FA4B1
- 8E9FAB
- 8C9BA5
- 8A969F
- 889298
- 868D92
- 84898C
- 828486
Harmonie kolorów
Komplementarna +180°
- 93ADBE
Lost in Time
- BCA392
≈ Faint Maple
Analogowa -30° +30°
- 93ADBE
Lost in Time
- 8EB0B5
≈ Bon Voyage
- 9EA9C1
≈ Foxflower Viola
Triada +120° +240°
- 93ADBE
Lost in Time
- BE9FA9
≈ Decanting
- A7AC92
≈ Quiet Thicket
Komplementarna rozszczepiona +150° +210°
- 93ADBE
Lost in Time
- C0A09C
≈ Andes Ash
- B3A88E
≈ Sleepy Owlet
Tetrada +90° +180° +270°
- 93ADBE
Lost in Time
- B6A1B6
≈ Emanation
- BCA392
≈ Faint Maple
- 9AB09B
≈ Burma Jade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.34:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.96:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--lost-in-time: #93adbe;
--lost-in-time-rgb: 147 173 190;
--lost-in-time-oklch: oklch(0.734 0.038 236.7);
}
.element {
color: var(--lost-in-time);
background-color: hsl(204 25% 66%);
border-color: oklch(0.734 0.038 236.7);
}Tailwind CSS v4
@theme {
--color-lost-in-time: #93adbe;
--color-lost-in-time-50: #ecf7ff;
--color-lost-in-time-100: #ddeaf3;
--color-lost-in-time-200: #c6d7e3;
--color-lost-in-time-300: #a6bbc9;
--color-lost-in-time-400: #8aa2b2;
--color-lost-in-time-500: #6f8a9c;
--color-lost-in-time-600: #5e7584;
--color-lost-in-time-700: #4b5e6a;
--color-lost-in-time-800: #36454e;
--color-lost-in-time-900: #253036;
--color-lost-in-time-950: #131c21;
}SCSS
$lost-in-time: #93adbe;
$lost-in-time-rgb: 147, 173, 190;
$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);
}