カラーパレット

ローアンバー

天然の土から作られる顔料に由来する、緑みを帯びた中間の茶色です。画家の基本の絵の具として、影や下塗りに欠かせません。落ち着いたインテリアの塗料としても使われます。

別名:生アンバー

エディタで開く

ローアンバーを試してみる

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

明るさ

合わせる色

ローアンバーのHEXコードは#826644です。RGBではrgb(130, 102, 68)、HSLではhsl(33, 31%, 39%)、CMYKでは0, 22, 48, 49となります。

ローアンバーに近い色とカラーコード

タバコブラウン#71563Bコーヒーブラウン#6F4E37カフェオレ#A67B5Bモカ#A47864焦げ茶色#654321セピア#704214路考茶ろこうちゃ · #8C7042朽葉色くちばいろ · #917347媚茶こびちゃ · #716246渋紙色しぶがみいろ · #946243海松色みるいろ · #726D40利休色りきゅういろ · #8F8667

ローアンバーの基本情報

ローアンバー(#826644)は、暖色系・中くらいの明るさ・中くらいの彩度の色です。茶系の色のグループに属します。RGBの値は赤130・緑102・青68(各255段階)。主な用途:アート, 塗料, インテリア。

ローアンバーの色見本と明るい色から暗い色までのグラデーション · #826644
ローアンバー · #826644

ローアンバーの濃淡:明るいトーンと暗いトーン

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

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

ローアンバーを使ったコーデ配色

パーソナルカラー×季節別に、ローアンバー(または近い色)を使ったコーデをまとめました。

イエベ春の秋コーデウォームブラウン・サーモンピンク・若草色

ローアンバーの配色ハーモニー

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

補色近い色:ペトロールブルー
類似色近い色:マルサラ, モスグリーン
スプリット・コンプリメンタリー近い色:ティール, ウルトラバイオレット

ローアンバーを使ったカラーパレット

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

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

ローアンバーと文字色のコントラスト

白い文字コントラスト比 5.3:1 · AA
黒い文字コントラスト比 3.9:1 · AA(大きな文字)

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

CSSコード

:root {
  --raw-umber: #826644;
  --raw-umber-rgb: 130, 102, 68;
}
.bg { background-color: var(--raw-umber); }
.text { color: var(--raw-umber); }

ローアンバーに近い色

ラセットブラウンウォルナットキャメルアーミーグリーン

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

その他の茶系の色

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

次はこれを試してみよう

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

よくある質問

ローアンバーのカラーコードは?

ローアンバーのHEXコードは#826644です。RGBではrgb(130, 102, 68)、HSLではhsl(33, 31%, 39%)、CMYKでは0, 22, 48, 49となります。

ローアンバーの補色は何色ですか?

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

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

はい。白とのコントラスト比は5.3:1で、通常サイズの文字にも十分です(WCAG AA)。

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