色名 · #BEB1B0
Mouse Trap
Mouse Trapは#BEB1B0：rgb(190 177 176)、hsl(4 10% 72%)、oklch(0.771 0.015 22.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Mouse Trap color name →
#BEB1B0
oklch(0.771 0.015 22.8)
カラー変換
- HEX
- #beb1b0
- RGB
- rgb(190 177 176)
- HSL
- hsl(4 10% 72%)
- HWB
- hwb(4 69% 25%)
- OKLCH
- oklch(0.771 0.015 22.8)
- OKLab
- oklab(0.771 0.014 0.006)
- CIE Lab
- lab(73.29 4.67 2.27)
- LCH
- lch(73.29 5.19 26)
- CMYK
- cmyk(0% 7% 7% 25%)
ティント · シェード · トーン
ティント
- C4B9B8
- CBC0BF
- D1C8C7
- D8D0CF
- DED7D7
- E5DFDF
- EBE7E7
- F2EFEF
- F8F7F7
シェード
- A59999
- 8C8382
- 756C6C
- 5E5756
- 484242
- 332F2E
- 1F1C1C
- 0D0C0B
- 020101
トーン
- B8ACAB
- B1A7A6
- ABA2A1
- A59D9C
- 9F9898
- 989393
- 928E8E
- 8C8A89
- 868585
カラーハーモニー
補色 +180°
- BEB1B0
Mouse Trap
- AAB8B9
≈ Half Sea Fog
類似色 -30° +30°
- BEB1B0
Mouse Trap
- BDB1B5
≈ Fairy Bubbles
- BDB2AC
≈ Temperate Taupe
トライアド +120° +240°
- BEB1B0
Mouse Trap
- AFB7AE
≈ Blue Fescue
- AFB5BE
≈ Cloud Cover
スプリットコンプリメンタリー +150° +210°
- BEB1B0
Mouse Trap
- ABB8B3
≈ Stratton Blue
- ACB6BD
≈ Elliott Bay
テトラード +90° +180° +270°
- BEB1B0
Mouse Trap
- B4B6AB
≈ Old Grey Mare
- AAB8B9
≈ Half Sea Fog
- B4B3BE
≈ Coveted Gem
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.07:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 10.10:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--mouse-trap: #beb1b0;
--mouse-trap-rgb: 190 177 176;
--mouse-trap-oklch: oklch(0.771 0.015 22.8);
}
.element {
color: var(--mouse-trap);
background-color: hsl(4 10% 72%);
border-color: oklch(0.771 0.015 22.8);
}Tailwind CSS v4
@theme {
--color-mouse-trap: #beb1b0;
--color-mouse-trap-50: #f9f3f3;
--color-mouse-trap-100: #ede6e5;
--color-mouse-trap-200: #dbd2d1;
--color-mouse-trap-300: #bfb5b3;
--color-mouse-trap-400: #a79b9a;
--color-mouse-trap-500: #908281;
--color-mouse-trap-600: #7a6e6e;
--color-mouse-trap-700: #615858;
--color-mouse-trap-800: #474040;
--color-mouse-trap-900: #312c2c;
--color-mouse-trap-950: #1d1919;
}SCSS
$mouse-trap: #beb1b0;
$mouse-trap-rgb: 190, 177, 176;
$mouse-trap-light: mix(#fff, $mouse-trap, 20%);
$mouse-trap-dark: mix(#000, $mouse-trap, 20%);
.element {
color: $mouse-trap;
box-shadow: 0 0 0 2px rgba($mouse-trap, 0.35);
}