オートミールの基本情報
オートミール（#E3D7BE）は、暖色系・明るめ・中くらいの彩度の色です。茶系の色のグループに属します。RGBの値は赤227・緑215・青190（各255段階）。主な用途：テキスタイル, インテリア, ファッション。
オートミールのような、ほんのり黄みのある明るいベージュです。素朴で温かく、天然素材のような風合いがあります。ニットやリネン、ナチュラルなインテリアの定番カラーです。
別名：オートミールベージュ
服・ネイル・髪色・部屋・車・スマホケースで、オートミールがどう見えるかをチェック。
明るさ
合わせる色
オートミールのHEXコードは#E3D7BEです。RGBではrgb(227, 215, 190)、HSLではhsl(41, 40%, 82%)、CMYKでは0, 5, 16, 11となります。
オートミール（#E3D7BE）は、暖色系・明るめ・中くらいの彩度の色です。茶系の色のグループに属します。RGBの値は赤227・緑215・青190（各255段階）。主な用途：テキスタイル, インテリア, ファッション。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
パーソナルカラー×季節別に、オートミール（または近い色）を使ったコーデをまとめました。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--oatmeal: #E3D7BE;
--oatmeal-rgb: 227, 215, 190;
}
.bg { background-color: var(--oatmeal); }
.text { color: var(--oatmeal); }
オートミールのHEXコードは#E3D7BEです。RGBではrgb(227, 215, 190)、HSLではhsl(41, 40%, 82%)、CMYKでは0, 5, 16, 11となります。
色相環で反対側にある補色は#BECAE3で、薄紫に近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は1.4:1しかありませんが、黒とは14.7:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る