カラーパレット

カーキ

「土ぼこり」を意味するペルシャ語に由来し、最初は軍服に使われました。緑がかったくすんだベージュです。今ではチノパンやジャケット、サファリ風の服の定番カラーです。

別名:カーキ色, 枯草色

カーキ · #C3B091

カーキの基本情報

カーキ(#C3B091)は、暖色系・中くらいの明るさ・くすみ系の色です。茶系の色のグループに属します。RGBの値は赤195・緑176・青145(各255段階)。主な用途:ファッション, ユニフォーム。

カーキの濃淡:明るいトーンと暗いトーン

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

カーキに合う色

白爽やかで清潔感のある印象に。ネイビー定番の組み合わせ。カーキのパンツに青いシャツです。黒モダンなコントラストです。オリーブグリーンサファリ風の配色です。くすみピンクやわらかく意外性のあるコントラストです。コーヒーブラウン温かな深みを加えます。水色爽やかで、オフィスにも向く組み合わせです。バーガンディ上品な秋の差し色です。
カーキのファッション・インテリアでの合わせ方 →

カーキの配色ハーモニー

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

補色近い色:ブルーグレー
トライアド近い色:シーフォームグリーン, 藤色
スプリット・コンプリメンタリー近い色:パステルブルー, 藤色

カーキを使ったカラーパレット

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

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

カーキと文字色のコントラスト

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

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

CSSコード

:root {
  --khaki: #C3B091;
  --khaki-rgb: 195, 176, 145;
}
.bg { background-color: var(--khaki); }
.text { color: var(--khaki); }

カーキに近い色

サンドベージュヌードベージュグレージュキャメルセージグリーンアプリコットボーンホワイトアッシュグレー小麦色パールホワイト

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

その他の茶系の色

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

よくある質問

カーキのカラーコードは?

カーキのHEXコードは#C3B091です。RGBではrgb(195, 176, 145)、HSLではhsl(37, 29%, 67%)、CMYKでは0, 10, 26, 24となります。

カーキの補色は何色ですか?

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

カーキの上に白い文字を置いても読みやすいですか?

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

カーキに合う色は?

相性のよい色:白, ネイビー, 黒, オリーブグリーン, くすみピンク。ほぼ同じトーンのベージュやキャメルと合わせると、ちぐはぐに見えるので避けましょう。淡い黄色を隣に置くと、くすんで見えます。