Màu có tên gần nhất · #004B58
#004B58
Màu có tên gần nhất: Nocturnal Expedition
#004B58 (rgb(0 75 88), hsl(189 100% 17%), oklch(0.38 0.067 214.3)) gần nhất với màu có tên Nocturnal Expedition. 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.
#004B58
oklch(0.38 0.067 214.3)
Chuyển đổi màu
- HEX
- #004b58
- RGB
- rgb(0 75 88)
- HSL
- hsl(189 100% 17%)
- HWB
- hwb(189 0% 65%)
- OKLCH
- oklch(0.38 0.067 214.3)
- OKLab
- oklab(0.38 -0.055 -0.038)
- CIE Lab
- lab(28.47 -17.1 -13.85)
- LCH
- lch(28.47 22 219)
- CMYK
- cmyk(100% 15% 0% 65%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 255C67
- 3E6C77
- 567E87
- 6D8F97
- 84A1A8
- 9CB3B9
- B4C6CA
- CDD9DC
- E6ECED
Sắc đậm
- 00404B
- 00353F
- 002B33
- 002128
- 00171D
- 000E12
- 000609
- 000203
- 000000
Sắc xám
- 18505C
- 275660
- 345B64
- 3F6068
- 4B666C
- 556B70
- 607074
- 6B7578
- 757B7C
Hòa sắc
Bổ túc +180°
- 004B58
Nocturnal Expedition
- 61342A
≈ Hairy Heath
Tương đồng -30° +30°
- 004B58
Nocturnal Expedition
- 014E46
≈ Action Green
- 1F4663
≈ Dark Slate Blue
Bộ ba +120° +240°
- 004B58
Nocturnal Expedition
- 583451
≈ Auricula Purple
- 4E4111
≈ Roman Bronze
Bổ túc chia +150° +210°
- 004B58
Nocturnal Expedition
- 60323E
≈ Windsor Wine
- 5B3A18
≈ Chocolate Fantasies
Bộ bốn +90° +180° +270°
- 004B58
Nocturnal Expedition
- 4A395F
≈ Mulberry Purple
- 61342A
≈ Hairy Heath
- 3B481E
≈ Avocado Dark Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.77:1 · APCA Lc 92
Ag
FailTrên nền đen
WCAG 2.14:1 · APCA Lc 10
Màu chữ tốt nhất: #FFFFFF
WCAG 9.77:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--nocturnal-expedition: #004b58;
--nocturnal-expedition-rgb: 0 75 88;
--nocturnal-expedition-oklch: oklch(0.38 0.067 214.3);
}
.element {
color: var(--nocturnal-expedition);
background-color: hsl(189 100% 17%);
border-color: oklch(0.38 0.067 214.3);
}Tailwind CSS v4
@theme {
--color-nocturnal-expedition: #004b58;
--color-nocturnal-expedition-50: #e1faff;
--color-nocturnal-expedition-100: #d0eef6;
--color-nocturnal-expedition-200: #b5dce7;
--color-nocturnal-expedition-300: #91c1cd;
--color-nocturnal-expedition-400: #6fa9b7;
--color-nocturnal-expedition-500: #4d92a1;
--color-nocturnal-expedition-600: #427b88;
--color-nocturnal-expedition-700: #34636d;
--color-nocturnal-expedition-800: #244950;
--color-nocturnal-expedition-900: #183238;
--color-nocturnal-expedition-950: #091e22;
}SCSS
$nocturnal-expedition: #004b58;
$nocturnal-expedition-rgb: 0, 75, 88;
$nocturnal-expedition-light: mix(#fff, $nocturnal-expedition, 20%);
$nocturnal-expedition-dark: mix(#000, $nocturnal-expedition, 20%);
.element {
color: $nocturnal-expedition;
box-shadow: 0 0 0 2px rgba($nocturnal-expedition, 0.35);
}