Màu có tên gần nhất · #94AEC0
#94AEC0
Màu có tên gần nhất: Lost in Time
#94AEC0 (rgb(148 174 192), hsl(205 26% 67%), oklch(0.737 0.039 238.3)) 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.
#94AEC0
oklch(0.737 0.039 238.3)
Chuyển đổi màu
- HEX
- #94aec0
- RGB
- rgb(148 174 192)
- HSL
- hsl(205 26% 67%)
- HWB
- hwb(205 58% 25%)
- OKLCH
- oklch(0.737 0.039 238.3)
- OKLab
- oklab(0.737 -0.02 -0.033)
- CIE Lab
- lab(69.56 -6.26 -12.38)
- LCH
- lch(69.56 13.87 243.2)
- CMYK
- cmyk(23% 9% 0% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9EB6C6
- A9BECC
- B3C6D3
- BECED9
- C9D6DF
- D3DEE6
- DEE6EC
- E9EEF2
- F4F7F9
Sắc đậm
- 8097A7
- 6D808E
- 5A6A76
- 48555F
- 364149
- 262E34
- 161C20
- 080B0E
- 010102
Sắc xám
- 92A9B9
- 90A5B3
- 8EA0AC
- 8C9BA6
- 8A97A0
- 889299
- 868E93
- 84898D
- 828586
Hòa sắc
Bổ túc +180°
- 94AEC0
Lost in Time
- BDA492
≈ Sand Trap
Tương đồng -30° +30°
- 94AEC0
Lost in Time
- 8EB1B7
≈ Bulfinch Blue
- 9FAAC3
≈ Foxflower Viola
Bộ ba +120° +240°
- 94AEC0
Lost in Time
- BFA0AA
≈ Decanting
- A7AE92
≈ Quiet Thicket
Bổ túc chia +150° +210°
- 94AEC0
Lost in Time
- C1A19C
≈ Andes Ash
- B4A98F
≈ Prairie Sage
Bộ bốn +90° +180° +270°
- 94AEC0
Lost in Time
- B8A2B6
≈ Melting Moment
- BDA492
≈ Sand Trap
- 9AB19D
≈ Phoenix Tears
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.31:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 9.07:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 9.07:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--lost-in-time: #94aec0;
--lost-in-time-rgb: 148 174 192;
--lost-in-time-oklch: oklch(0.737 0.039 238.3);
}
.element {
color: var(--lost-in-time);
background-color: hsl(205 26% 67%);
border-color: oklch(0.737 0.039 238.3);
}Tailwind CSS v4
@theme {
--color-lost-in-time: #94aec0;
--color-lost-in-time-50: #ecf7ff;
--color-lost-in-time-100: #ddeaf4;
--color-lost-in-time-200: #c6d7e4;
--color-lost-in-time-300: #a6bbca;
--color-lost-in-time-400: #8aa2b3;
--color-lost-in-time-500: #6f8a9d;
--color-lost-in-time-600: #5e7585;
--color-lost-in-time-700: #4b5e6b;
--color-lost-in-time-800: #36454e;
--color-lost-in-time-900: #252f36;
--color-lost-in-time-950: #131c21;
}SCSS
$lost-in-time: #94aec0;
$lost-in-time-rgb: 148, 174, 192;
$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);
}