濃く淹れたエスプレッソのような、黒に近い深い茶色です。重厚で落ち着いた雰囲気があり、家具や床材の仕上げに定番の色です。カフェのインテリアやメンズファッションにもよく使われます。
別名:エスプレッソブラウン
服・ネイル・髪色・部屋・車・スマホケースで、エスプレッソがどう見えるかをチェック。
明るさ
合わせる色
エスプレッソのHEXコードは#4E312Dです。RGBではrgb(78, 49, 45)、HSLではhsl(7, 27%, 24%)、CMYKでは0, 37, 42, 69となります。
エスプレッソ(#4E312D)は、暖色系・暗め・くすみ系の色です。茶系の色のグループに属します。RGBの値は赤78・緑49・青45(各255段階)。主な用途:家具, カフェ, インテリア。

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
パーソナルカラー×季節別に、エスプレッソ(または近い色)を使ったコーデをまとめました。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--espresso: #4E312D;
--espresso-rgb: 78, 49, 45;
}
.bg { background-color: var(--espresso); }
.text { color: var(--espresso); }
エスプレッソのHEXコードは#4E312Dです。RGBではrgb(78, 49, 45)、HSLではhsl(7, 27%, 24%)、CMYKでは0, 37, 42, 69となります。
色相環で反対側にある補色は#2D4A4Eで、チャコールグレーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
はい。白とのコントラスト比は11.7:1で、通常サイズの文字にも十分です(WCAG AA)。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか? 詳しく見る