Màu có tên gần nhất · #011832
#011832
Màu có tên gần nhất: Naval Night
#011832 (rgb(1 24 50), hsl(212 96% 10%), oklch(0.208 0.06 252.3)) gần nhất với màu có tên Naval Night. 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.
#011832
oklch(0.208 0.06 252.3)
Chuyển đổi màu
- HEX
- #011832
- RGB
- rgb(1 24 50)
- HSL
- hsl(212 96% 10%)
- HWB
- hwb(212 0% 80%)
- OKLCH
- oklch(0.208 0.06 252.3)
- OKLab
- oklab(0.208 -0.018 -0.057)
- CIE Lab
- lab(7.72 -0.12 -20.32)
- LCH
- lch(7.72 20.32 269.7)
- CMYK
- cmyk(98% 52% 0% 80%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 152C45
- 2C4058
- 43566B
- 5C6C7F
- 758393
- 8F9BA8
- AAB3BD
- C6CCD3
- E2E5E9
Sắc đậm
- 01132A
- 010F22
- 000A1B
- 000714
- 00040D
- 000207
- 000103
- 000001
- 000000
Sắc xám
- 0B223A
- 182C42
- 243649
- 314051
- 3D4A59
- 4A5461
- 575F68
- 656A70
- 727578
Hòa sắc
Bổ túc +180°
- 011832
Naval Night
- 241400
≈ Super Black
Tương đồng -30° +30°
- 011832
Naval Night
- 001B24
≈ Creeping Death
- 141332
≈ Spanish Roast
Bộ ba +120° +240°
- 011832
Naval Night
- 2D0910
≈ 3AM Breakup
- 0D1D00
≈ Yuzu Soy
Bổ túc chia +150° +210°
- 011832
Naval Night
- 2D0C01
≈ Root Brew
- 1C1800
≈ Noir Mystique
Bộ bốn +90° +180° +270°
- 011832
Naval Night
- 290A1F
≈ Inside
- 241400
≈ Super Black
- 001E11
≈ Clock Chimes Thirteen
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 17.82:1 · APCA Lc 104
Ag
FailTrên nền đen
WCAG 1.17:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 17.82:1 (AAA) · APCA Lc 104
Contrast pairs
Đoạn mã
CSS
:root {
--naval-night: #011832;
--naval-night-rgb: 1 24 50;
--naval-night-oklch: oklch(0.208 0.06 252.3);
}
.element {
color: var(--naval-night);
background-color: hsl(212 96% 10%);
border-color: oklch(0.208 0.06 252.3);
}Tailwind CSS v4
@theme {
--color-naval-night: #011832;
--color-naval-night-50: #eaf7ff;
--color-naval-night-100: #dbe9fc;
--color-naval-night-200: #c3d6ee;
--color-naval-night-300: #a3bad6;
--color-naval-night-400: #85a1c1;
--color-naval-night-500: #6989ad;
--color-naval-night-600: #597492;
--color-naval-night-700: #475d75;
--color-naval-night-800: #334457;
--color-naval-night-900: #222f3c;
--color-naval-night-950: #111c26;
}SCSS
$naval-night: #011832;
$naval-night-rgb: 1, 24, 50;
$naval-night-light: mix(#fff, $naval-night, 20%);
$naval-night-dark: mix(#000, $naval-night, 20%);
.element {
color: $naval-night;
box-shadow: 0 0 0 2px rgba($naval-night, 0.35);
}