カフェオレ

ミルクをたっぷり入れたコーヒーの色で、やわらかく明るい茶色です。居心地のよさを感じさせ、広い面積にもよくなじみます。壁や布張りの家具、ニットによく使われます。

別名：カフェオレ色, ミルクコーヒー色

カフェオレ · #A67B5B

カフェオレの基本情報

カフェオレ（#A67B5B）は、暖色系・中くらいの明るさ・くすみ系の色です。茶系の色のグループに属します。RGBの値は赤166・緑123・青91（各255段階）。主な用途：インテリア, ファッション, メイク。

カフェオレの濃淡：明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

カフェオレの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色：ブルーグレー

類似色近い色：マルサラ, モスグリーン

トライアド近い色：翡翠色, ウルトラバイオレット

スプリット・コンプリメンタリー近い色：ティファニーブルー, ウルトラバイオレット

テトラード近い色：ピスタチオグリーン, ブルーグレー, プラム

カフェオレを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · カフェオレ

類似色パレット · カフェオレ

補色パレット · カフェオレ

トライアドパレット · カフェオレ

ニュートラルカラー入りパレット · カフェオレ

アクセントカラー入りパレット · カフェオレ

カフェオレと文字色のコントラスト

白い文字コントラスト比 3.7:1 · AA（大きな文字）

黒い文字コントラスト比 5.6:1 · AA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --cafe-au-lait: #A67B5B;
  --cafe-au-lait-rgb: 166, 123, 91;
}
.bg { background-color: var(--cafe-au-lait); }
.text { color: var(--cafe-au-lait); }

カフェオレに近い色

モカキャメルタバコブラウンオールドローズコーヒーブラウンカーキマルサラストーングレーサンドベージュ銅色

この色を使ったテーマ別パレット

その他の茶系の色

茶色コーヒーブラウンチョコレートブラウンマホガニー栗色シナモンセピア黄土色キャラメルキャメルモカカーキサンドベージュベージュヌードベージュブロンズタバコブラウンシエナ

よくある質問

カフェオレのカラーコードは？

カフェオレのHEXコードは#A67B5Bです。RGBではrgb(166, 123, 91)、HSLではhsl(26, 30%, 50%)、CMYKでは0, 26, 45, 35となります。

カフェオレの補色は何色ですか？

色相環で反対側にある補色は#5B86A6で、ブルーグレーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

カフェオレの上に白い文字を置いても読みやすいですか？

黒い文字のほうがおすすめです。白とのコントラスト比は3.7:1しかありませんが、黒とは5.6:1になります。