カラーパレット

フォーン

英語で子鹿を意味する名前の、明るく黄みがかった茶色です。やさしくナチュラルな色合いで、肌なじみのよいベージュ系としても使えます。コートやバッグ、ソファの張り地に人気です。

別名:子鹿色, フォーンブラウン

エディタで開く

フォーンを試してみる

服・ネイル・髪色・部屋・車・スマホケースで、フォーンがどう見えるかをチェック。

明るさ

合わせる色

フォーンのHEXコードは#E5AA70です。RGBではrgb(229, 170, 112)、HSLではhsl(30, 69%, 67%)、CMYKでは0, 26, 51, 10となります。

フォーンに近い色とカラーコード

キャメル#C19A6Bピーチ#FFCBA4ライトサーモン#FFA07Aタン#D2B48Cヌードベージュ#E3BC9Aライトブラウン#C4A484伽羅色きゃらいろ · #D8A373杏色あんずいろ · #F7B977洗柿あらいがき · #F2A07E狐色きつねいろ · #C38743黄橡きつるばみ · #B68D4C黄土色おうどいろ · #C39143

フォーンの基本情報

フォーン(#E5AA70)は、暖色系・中くらいの明るさ・中くらいの彩度の色です。茶系の色のグループに属します。RGBの値は赤229・緑170・青112(各255段階)。主な用途:ファッション, インテリア, レザー。

フォーンの色見本と明るい色から暗い色までのグラデーション · #E5AA70
フォーン · #E5AA70

フォーンの濃淡:明るいトーンと暗いトーン

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

この色の濃淡を見る: カラースケール生成ツール

フォーンの配色ハーモニー

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

補色近い色:スチールブルー
トライアド近い色:アクアマリン, アメジスト
スプリット・コンプリメンタリー近い色:ダークターコイズ, ロイヤルブルー

フォーンを使ったカラーパレット

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

モノクロマティックパレット · フォーン
類似色パレット · フォーン
補色パレット · フォーン
トライアドパレット · フォーン
ニュートラルカラー入りパレット · フォーン
アクセントカラー入りパレット · フォーン

フォーンと文字色のコントラスト

白い文字コントラスト比 2.0:1 · 非推奨
黒い文字コントラスト比 10.3:1 · AAA

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

CSSコード

:root {
  --fawn: #E5AA70;
  --fawn-rgb: 229, 170, 112;
}
.bg { background-color: var(--fawn); }
.text { color: var(--fawn); }

フォーンに近い色

サンドベージュ銅色ブロンズアプリコット

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

その他の茶系の色

茶色コーヒーブラウンチョコレートブラウンマホガニー栗色シナモンセピア黄土色キャラメルキャメルモカカーキサンドベージュベージュヌードベージュブロンズタバコブラウンシエナカフェオレオーバーンコニャックデザートサンドエスプレッソマッシュルーム
フォーンの色見本と明るい色から暗い色までのグラデーション · #E5AA70
フォーンの色見本と明るい色から暗い色までのグラデーション · #E5AA70

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るカラータワー配色ブロックを積み上げるカラーパレットゲーム平成レトロ配色ギャルやデコ電、Y2Kの配色と文字なし壁紙
無料診断・ツールをすべて見る →

よくある質問

フォーンのカラーコードは?

フォーンのHEXコードは#E5AA70です。RGBではrgb(229, 170, 112)、HSLではhsl(30, 69%, 67%)、CMYKでは0, 26, 51, 10となります。

フォーンの補色は何色ですか?

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

フォーンの上に白い文字を置いても読みやすいですか?

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

茶色系の色をすべて見る →