En yakın adlandırılmış renk · #93ADBE
#93ADBE
En yakın adlandırılmış renk: Lost in Time
#93ADBE (rgb(147 173 190), hsl(204 25% 66%), oklch(0.734 0.038 236.7)) en çok Lost in Time adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#93ADBE
oklch(0.734 0.038 236.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9DB5C4
- A8BDCB
- B3C5D1
- BDCDD8
- C8D5DE
- D3DEE5
- DEE6EB
- E9EEF2
- F4F7F8
Koyu tonlar
- 7F96A5
- 6C7F8C
- 596A75
- 47555E
- 364148
- 252D33
- 161B1F
- 080B0D
- 010102
Gri tonlar
- 91A8B8
- 8FA4B1
- 8E9FAB
- 8C9BA5
- 8A969F
- 889298
- 868D92
- 84898C
- 828486
Renk uyumları
Tamamlayıcı +180°
- 93ADBE
Lost in Time
- BCA392
≈ Faint Maple
Analog -30° +30°
- 93ADBE
Lost in Time
- 8EB0B5
≈ Bon Voyage
- 9EA9C1
≈ Foxflower Viola
Üçlü +120° +240°
- 93ADBE
Lost in Time
- BE9FA9
≈ Decanting
- A7AC92
≈ Quiet Thicket
Bölünmüş tamamlayıcı +150° +210°
- 93ADBE
Lost in Time
- C0A09C
≈ Andes Ash
- B3A88E
≈ Sleepy Owlet
Dörtlü +90° +180° +270°
- 93ADBE
Lost in Time
- B6A1B6
≈ Emanation
- BCA392
≈ Faint Maple
- 9AB09B
≈ Burma Jade
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.34:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.96:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
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);
}