淹れたての深煎りコーヒーをイメージした、温かく落ち着いた中間の茶色です。カフェやコーヒー豆のパッケージ、ダークウッドの家具には自然な選択です。
別名:コーヒー色, カフェブラウン
コーヒーブラウン(#6F4E37)は、暖色系・中くらいの明るさ・中くらいの彩度の色です。茶系の色のグループに属します。RGBの値は赤111・緑78・青55(各255段階)。主な用途:ファッション, インテリア, カフェ。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--coffee-brown: #6F4E37;
--coffee-brown-rgb: 111, 78, 55;
}
.bg { background-color: var(--coffee-brown); }
.text { color: var(--coffee-brown); }コーヒーブラウンのHEXコードは#6F4E37です。RGBではrgb(111, 78, 55)、HSLではhsl(25, 34%, 33%)、CMYKでは0, 30, 50, 56となります。
色相環で反対側にある補色は#37586Fで、ペトロールブルーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
はい。白とのコントラスト比は7.4:1で、通常サイズの文字にも十分です(WCAG AA)。
相性のよい色:ベージュ, クリーム色, 水色, オリーブグリーン, くすみピンク。間に明るい色をはさまずに黒と合わせると、重たい印象になるので避けましょう。青みの強いグレーも茶色の温かみを奪ってしまいます。