Màu có tên gần nhất · #656E70
#656E70
Màu có tên gần nhất: Batman
#656E70 (rgb(101 110 112), hsl(191 5% 42%), oklch(0.531 0.011 212.5)) 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.
#656E70
oklch(0.531 0.011 212.5)
Chuyển đổi màu
- HEX
- #656e70
- RGB
- rgb(101 110 112)
- HSL
- hsl(191 5% 42%)
- HWB
- hwb(191 40% 56%)
- OKLCH
- oklch(0.531 0.011 212.5)
- OKLab
- oklab(0.531 -0.01 -0.006)
- CIE Lab
- lab(45.71 -3.21 -2.35)
- LCH
- lch(45.71 3.98 216.2)
- CMYK
- cmyk(10% 2% 0% 56%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 737B7D
- 82898B
- 919799
- A0A5A7
- AFB4B5
- BEC2C3
- CED1D2
- DEE0E1
- EFF0F0
Sắc đậm
- 575F60
- 495051
- 3C4143
- 2F3335
- 222627
- 17191A
- 0C0E0E
- 030404
- 000101
Sắc xám
- 687072
- 6A7273
- 6D7375
- 707576
- 727778
- 75797A
- 787B7B
- 7B7C7D
- 7D7E7E
Hòa sắc
Bổ túc +180°
- 656E70
Batman
- 736A68
≈ Warm Haze
Tương đồng -30° +30°
- 656E70
Batman
- 656E6D
≈ Nevada
- 676D72
≈ Wall Street
Bộ ba +120° +240°
- 656E70
Batman
- 706A6F
≈ Deep Greige
- 6E6C65
≈ Mined Coal
Bổ túc chia +150° +210°
- 656E70
Batman
- 72696B
≈ Deep Greige
- 716B66
≈ Shot-Put
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.22:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 4.01:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--batman: #656e70;
--batman-rgb: 101 110 112;
--batman-oklch: oklch(0.531 0.011 212.5);
}
.element {
color: var(--batman);
background-color: hsl(191 5% 42%);
border-color: oklch(0.531 0.011 212.5);
}Tailwind CSS v4
@theme {
--color-batman: #656e70;
--color-batman-50: #f2f6f7;
--color-batman-100: #e4e9ea;
--color-batman-200: #cfd5d7;
--color-batman-300: #b1b9bb;
--color-batman-400: #97a0a2;
--color-batman-500: #7e888b;
--color-batman-600: #6b7375;
--color-batman-700: #555c5e;
--color-batman-800: #3e4345;
--color-batman-900: #2b2f2f;
--color-batman-950: #181b1c;
}SCSS
$batman: #656e70;
$batman-rgb: 101, 110, 112;
$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);
}