Màu có tên gần nhất · #646D75
#646D75
Màu có tên gần nhất: Batman
#646D75 (rgb(100 109 117), hsl(208 8% 43%), oklch(0.53 0.017 244.9)) gần nhất với màu có tên Batman. 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.
#646D75
oklch(0.53 0.017 244.9)
Chuyển đổi màu
- HEX
- #646d75
- RGB
- rgb(100 109 117)
- HSL
- hsl(208 8% 43%)
- HWB
- hwb(208 39% 54%)
- OKLCH
- oklch(0.53 0.017 244.9)
- OKLab
- oklab(0.53 -0.007 -0.015)
- CIE Lab
- lab(45.47 -2.19 -5.7)
- LCH
- lch(45.47 6.11 249)
- CMYK
- cmyk(15% 7% 0% 54%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 727B82
- 81888F
- 90969C
- 9FA5AA
- AEB3B8
- BEC2C6
- CED1D4
- DEE0E2
- EEEFF0
Sắc đậm
- 565E65
- 484F55
- 3B4146
- 2E3337
- 222629
- 16191C
- 0B0D0F
- 030405
- 000101
Sắc xám
- 676F76
- 6A7177
- 6C7378
- 6F7579
- 72767B
- 75787C
- 787A7D
- 7A7C7E
- 7D7E7F
Hòa sắc
Bổ túc +180°
- 646D75
Batman
- 736A62
≈ Burnished Pewter
Tương đồng -30° +30°
- 646D75
Batman
- 616E72
≈ American River
- 696B76
≈ Warpfiend Grey
Bộ ba +120° +240°
- 646D75
Batman
- 75686A
≈ Night Skyscraper
- 696E63
≈ Bonsai Trunk
Bổ túc chia +150° +210°
- 646D75
Batman
- 756965
≈ Warm Haze
- 6F6C61
≈ Thunderous
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.26:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 3.98:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--batman: #646d75;
--batman-rgb: 100 109 117;
--batman-oklch: oklch(0.53 0.017 244.9);
}
.element {
color: var(--batman);
background-color: hsl(208 8% 43%);
border-color: oklch(0.53 0.017 244.9);
}Tailwind CSS v4
@theme {
--color-batman: #646d75;
--color-batman-50: #f1f6fa;
--color-batman-100: #e4e8ed;
--color-batman-200: #cfd5db;
--color-batman-300: #b1b8c0;
--color-batman-400: #97a0a8;
--color-batman-500: #7d8891;
--color-batman-600: #6a737a;
--color-batman-700: #555c62;
--color-batman-800: #3e4348;
--color-batman-900: #2a2e32;
--color-batman-950: #181b1e;
}SCSS
$batman: #646d75;
$batman-rgb: 100, 109, 117;
$batman-light: mix(#fff, $batman, 20%);
$batman-dark: mix(#000, $batman, 20%);
.element {
color: $batman;
box-shadow: 0 0 0 2px rgba($batman, 0.35);
}