モスグリーン

湿った森に生える苔を思わせる、灰みがかったくすんだ緑です。穏やかでナチュラルな色です。ソファやアウトドアウェア、自然を室内に取り入れるインテリアに使われます。

別名：苔色, モス

モスグリーン · #8A9A5B

モスグリーンの基本情報

モスグリーン（#8A9A5B）は、中間色系・中くらいの明るさ・くすみ系の色です。緑系の色のグループに属します。RGBの値は赤138・緑154・青91（各255段階）。主な用途：インテリア, ファッション, ガーデニング。

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

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

類似色近い色：キャメル

スプリット・コンプリメンタリー近い色：スチールブルー, プラム

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

モノクロマティックパレット · モスグリーン

類似色パレット · モスグリーン

補色パレット · モスグリーン

トライアドパレット · モスグリーン

ニュートラルカラー入りパレット · モスグリーン

アクセントカラー入りパレット · モスグリーン

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

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

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

:root {
  --moss-green: #8A9A5B;
  --moss-green-rgb: 138, 154, 91;
}
.bg { background-color: var(--moss-green); }
.text { color: var(--moss-green); }

モスグリーンのカラーコードは？

モスグリーンのHEXコードは#8A9A5Bです。RGBではrgb(138, 154, 91)、HSLではhsl(75, 26%, 48%)、CMYKでは10, 0, 41, 40となります。

モスグリーンの補色は何色ですか？

色相環で反対側にある補色は#6B5B9Aで、ウルトラバイオレットに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

モスグリーンの上に白い文字を置いても読みやすいですか？

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