最も近い色名 · #656E70
#656E70
最も近い色名: Batman
#656E70（rgb(101 110 112)、hsl(191 5% 42%)、oklch(0.531 0.011 212.5)）に最も近い色名はBatmanです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#656E70
oklch(0.531 0.011 212.5)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 737B7D
- 82898B
- 919799
- A0A5A7
- AFB4B5
- BEC2C3
- CED1D2
- DEE0E1
- EFF0F0
シェード
- 575F60
- 495051
- 3C4143
- 2F3335
- 222627
- 17191A
- 0C0E0E
- 030404
- 000101
トーン
- 687072
- 6A7273
- 6D7375
- 707576
- 727778
- 75797A
- 787B7B
- 7B7C7D
- 7D7E7E
カラーハーモニー
補色 +180°
- 656E70
Batman
- 736A68
≈ Warm Haze
類似色 -30° +30°
- 656E70
Batman
- 656E6D
≈ Nevada
- 676D72
≈ Wall Street
トライアド +120° +240°
- 656E70
Batman
- 706A6F
≈ Deep Greige
- 6E6C65
≈ Mined Coal
スプリットコンプリメンタリー +150° +210°
- 656E70
Batman
- 72696B
≈ Deep Greige
- 716B66
≈ Shot-Put
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.22:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.01:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
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);
}