Màu có tên gần nhất · #93ADBE
#93ADBE
Màu có tên gần nhất: Lost in Time
#93ADBE (rgb(147 173 190), hsl(204 25% 66%), oklch(0.734 0.038 236.7)) gần nhất với màu có tên Lost in Time. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#93ADBE
oklch(0.734 0.038 236.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9DB5C4
- A8BDCB
- B3C5D1
- BDCDD8
- C8D5DE
- D3DEE5
- DEE6EB
- E9EEF2
- F4F7F8
Sắc đậm
- 7F96A5
- 6C7F8C
- 596A75
- 47555E
- 364148
- 252D33
- 161B1F
- 080B0D
- 010102
Sắc xám
- 91A8B8
- 8FA4B1
- 8E9FAB
- 8C9BA5
- 8A969F
- 889298
- 868D92
- 84898C
- 828486
Hòa sắc
Bổ túc +180°
- 93ADBE
Lost in Time
- BCA392
≈ Faint Maple
Tương đồng -30° +30°
- 93ADBE
Lost in Time
- 8EB0B5
≈ Bon Voyage
- 9EA9C1
≈ Foxflower Viola
Bộ ba +120° +240°
- 93ADBE
Lost in Time
- BE9FA9
≈ Decanting
- A7AC92
≈ Quiet Thicket
Bổ túc chia +150° +210°
- 93ADBE
Lost in Time
- C0A09C
≈ Andes Ash
- B3A88E
≈ Sleepy Owlet
Bộ bốn +90° +180° +270°
- 93ADBE
Lost in Time
- B6A1B6
≈ Emanation
- BCA392
≈ Faint Maple
- 9AB09B
≈ Burma Jade
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.34:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 8.96:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
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);
}