黄土色

洞窟壁画の時代から使われてきた、酸化鉄を含む粘土の天然顔料です。黄みを帯びた土っぽい茶色です。地中海の建物の外壁や陶器、ボヘミアンスタイルのインテリアで見られます。

別名：オーカー, オークル

黄土色 · #CC7722

黄土色の基本情報

黄土色（#CC7722）は、暖色系・中くらいの明るさ・中くらいの彩度の色です。茶系の色のグループに属します。RGBの値は赤204・緑119・青34（各255段階）。主な用途：アート, インテリア, 建築。

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

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

スプリット・コンプリメンタリー近い色：ダークターコイズ, 紫

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

モノクロマティックパレット · 黄土色

類似色パレット · 黄土色

補色パレット · 黄土色

トライアドパレット · 黄土色

ニュートラルカラー入りパレット · 黄土色

アクセントカラー入りパレット · 黄土色

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

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

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

:root {
  --ochre: #CC7722;
  --ochre-rgb: 204, 119, 34;
}
.bg { background-color: var(--ochre); }
.text { color: var(--ochre); }

黄土色のカラーコードは？

黄土色のHEXコードは#CC7722です。RGBではrgb(204, 119, 34)、HSLではhsl(30, 71%, 47%)、CMYKでは0, 42, 83, 20となります。

黄土色の補色は何色ですか？

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

黄土色の上に白い文字を置いても読みやすいですか？

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

黄土色に合う色は？

相性のよい色：ペトロールブルー, オリーブグリーン, 白, コーヒーブラウン, グレー。レモンイエローや鮮やかなオレンジと合わせると、黄土色が汚れて見えるので避けましょう。バブルガムのような甘いピンクともぶつかります。