Màu có tên gần nhất · #000090
#000090
Màu có tên gần nhất: Midnight in Tokyo
#000090 (rgb(0 0 144), hsl(240 100% 28%), oklch(0.295 0.205 264.1)) gần nhất với màu có tên Midnight in Tokyo. 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.
#000090
oklch(0.295 0.205 264.1)
Chuyển đổi màu
- HEX
- #000090
- RGB
- rgb(0 0 144)
- HSL
- hsl(240 100% 28%)
- HWB
- hwb(240 0% 44%)
- OKLCH
- oklch(0.295 0.205 264.1)
- OKLab
- oklab(0.295 -0.021 -0.204)
- CIE Lab
- lab(13.77 44.62 -73.19)
- LCH
- lch(13.77 85.72 301.4)
- CMYK
- cmyk(100% 100% 0% 44%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 072D9D
- 2048AA
- 3A60B6
- 5477C2
- 6F8DCD
- 8AA4D8
- A6BAE2
- C3D1EC
- E1E8F6
Sắc đậm
- 00007D
- 00006A
- 000057
- 000045
- 000034
- 000024
- 000015
- 000007
- 000001
Sắc xám
- 011F90
- 0C2F90
- 1A3C8F
- 29488E
- 37528D
- 455C8B
- 546589
- 626F87
- 717784
Hòa sắc
Bổ túc +180°
- 000090
Midnight in Tokyo
- 3B2900
≈ Secret Passage
Tương đồng -30° +30°
- 000090
Midnight in Tokyo
- 003147
≈ Cosmos Blue
- 360073
≈ Galactic Federation
Bộ ba +120° +240°
- 000090
Midnight in Tokyo
- 5A000A
≈ Saving Light
- 003805
≈ Dark Green
Bổ túc chia +150° +210°
- 000090
Midnight in Tokyo
- 482000
≈ Chrysophobia
- 2C3000
≈ Wasabi Nori
Bộ bốn +90° +180° +270°
- 000090
Midnight in Tokyo
- 560031
≈ Mulberry Wood
- 3B2900
≈ Secret Passage
- 00362A
≈ Coach Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 14.97:1 · APCA Lc 100
Ag
FailTrên nền đen
WCAG 1.40:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 14.97:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
CSS
:root {
--midnight-in-tokyo: #000090;
--midnight-in-tokyo-rgb: 0 0 144;
--midnight-in-tokyo-oklch: oklch(0.295 0.205 264.1);
}
.element {
color: var(--midnight-in-tokyo);
background-color: hsl(240 100% 28%);
border-color: oklch(0.295 0.205 264.1);
}Tailwind CSS v4
@theme {
--color-midnight-in-tokyo: #000090;
--color-midnight-in-tokyo-50: #daf5ff;
--color-midnight-in-tokyo-100: #c8e7ff;
--color-midnight-in-tokyo-200: #abd2ff;
--color-midnight-in-tokyo-300: #86b2ff;
--color-midnight-in-tokyo-400: #5f97ff;
--color-midnight-in-tokyo-500: #3d79ff;
--color-midnight-in-tokyo-600: #3467e1;
--color-midnight-in-tokyo-700: #2952b5;
--color-midnight-in-tokyo-800: #173d88;
--color-midnight-in-tokyo-900: #0e2a60;
--color-midnight-in-tokyo-950: #031642;
}SCSS
$midnight-in-tokyo: #000090;
$midnight-in-tokyo-rgb: 0, 0, 144;
$midnight-in-tokyo-light: mix(#fff, $midnight-in-tokyo, 20%);
$midnight-in-tokyo-dark: mix(#000, $midnight-in-tokyo, 20%);
.element {
color: $midnight-in-tokyo;
box-shadow: 0 0 0 2px rgba($midnight-in-tokyo, 0.35);
}