色名 · #4E4B4A
Black Bean
Black Beanは#4E4B4A：rgb(78 75 74)、hsl(15 3% 30%)、oklch(0.415 0.004 39.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Black Bean color name →
#4E4B4A
oklch(0.415 0.004 39.4)
カラー変換
- HEX
- #4e4b4a
- RGB
- rgb(78 75 74)
- HSL
- hsl(15 3% 30%)
- HWB
- hwb(15 29% 69%)
- OKLCH
- oklch(0.415 0.004 39.4)
- OKLab
- oklab(0.415 0.003 0.003)
- CIE Lab
- lab(32.16 1.13 1.06)
- LCH
- lch(32.16 1.55 43.3)
- CMYK
- cmyk(0% 4% 5% 69%)
ティント · シェード · トーン
ティント
- 5E5B5A
- 6E6C6B
- 7F7D7C
- 908E8E
- A2A0A0
- B4B2B2
- C6C5C5
- D9D8D8
- ECEBEB
シェード
- 43403F
- 383535
- 2D2B2A
- 232120
- 191717
- 0F0E0E
- 070606
- 020202
- 000000
トーン
- 53504F
- 585554
- 5D5A5A
- 61605F
- 666564
- 6B6A6A
- 71706F
- 767575
- 7B7A7A
カラーハーモニー
補色 +180°
- 4E4B4A
Black Bean
- 494C4D
≈ Black Lead
類似色 -30° +30°
- 4E4B4A
Black Bean
- 4E4B4B
≈ Deep Earth
- 4D4B49
≈ Black Bean
トライアド +120° +240°
- 4E4B4A
Black Bean
- 4A4C4B
≈ Shadowed Steel
- 4B4C4E
≈ Dark Shadow
スプリットコンプリメンタリー +150° +210°
- 4E4B4A
Black Bean
- 494D4C
≈ Cover of Night
- 4A4C4E
≈ Dark Shadow
テトラード +90° +180° +270°
- 4E4B4A
Black Bean
- 4B4C4A
≈ Shadowed Steel
- 494C4D
≈ Black Lead
- 4C4B4E
≈ Shady Character
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.64:1 · APCA Lc 90
Ag
Fail黒の上
WCAG 2.42:1 · APCA Lc 13
最適な文字色: #FFFFFF
WCAG 8.64:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--black-bean: #4e4b4a;
--black-bean-rgb: 78 75 74;
--black-bean-oklch: oklch(0.415 0.004 39.4);
}
.element {
color: var(--black-bean);
background-color: hsl(15 3% 30%);
border-color: oklch(0.415 0.004 39.4);
}Tailwind CSS v4
@theme {
--color-black-bean: #4e4b4a;
--color-black-bean-50: #f6f5f4;
--color-black-bean-100: #e9e7e7;
--color-black-bean-200: #d6d4d3;
--color-black-bean-300: #b9b7b6;
--color-black-bean-400: #a19d9c;
--color-black-bean-500: #898584;
--color-black-bean-600: #747170;
--color-black-bean-700: #5d5a59;
--color-black-bean-800: #444241;
--color-black-bean-900: #2f2d2d;
--color-black-bean-950: #1b1a1a;
}SCSS
$black-bean: #4e4b4a;
$black-bean-rgb: 78, 75, 74;
$black-bean-light: mix(#fff, $black-bean, 20%);
$black-bean-dark: mix(#000, $black-bean, 20%);
.element {
color: $black-bean;
box-shadow: 0 0 0 2px rgba($black-bean, 0.35);
}