群青色

名前は「海の向こう」を意味し、顔料がアフガニスタンで採れるラピスラズリから作られたことに由来します。ルネサンス時代には金よりも高価でした。わずかに紫みを帯びた深い青です。

別名：ウルトラマリン, ウルトラマリンブルー

群青色 · #120A8F

群青色の基本情報

群青色（#120A8F）は、寒色系・暗め・鮮やかの色です。青系の色のグループに属します。RGBの値は赤18・緑10・青143（各255段階）。主な用途：アート, インテリア, イラスト。

群青色の濃淡：明るいトーンと暗いトーン

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

群青色の配色ハーモニー

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

補色近い色：オリーブグリーン

類似色近い色：デニムブルー, 藍色

トライアド近い色：ブラッドレッド, 緑

スプリット・コンプリメンタリー近い色：茶色, フォレストグリーン

テトラード近い色：バーガンディ, オリーブグリーン, 翡翠色

群青色を使ったカラーパレット

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

モノクロマティックパレット · 群青色

類似色パレット · 群青色

補色パレット · 群青色

トライアドパレット · 群青色

ニュートラルカラー入りパレット · 群青色

アクセントカラー入りパレット · 群青色

群青色と文字色のコントラスト

白い文字コントラスト比 14.3:1 · AAA

黒い文字コントラスト比 1.5:1 · 非推奨

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

CSSコード

:root {
  --ultramarine: #120A8F;
  --ultramarine-rgb: 18, 10, 143;
}
.bg { background-color: var(--ultramarine); }
.text { color: var(--ultramarine); }

群青色に近い色

ダークブルーネイビークラインブルー藍色紫グレープミッドナイトブルーコバルトブルーサファイアブルーパープル

その他の青系の色

青ネイビー水色コバルトブルーサファイアブルースチールブルーロイヤルブルーエレクトリックブルーミッドナイトブルーフレンチブループルシアンブルーパステルブルーベビーブルーデニムブルークラインブルーダークブルーライトブルーセルリアンブルー

よくある質問

群青色のカラーコードは？

群青色のHEXコードは#120A8Fです。RGBではrgb(18, 10, 143)、HSLではhsl(244, 87%, 30%)、CMYKでは87, 93, 0, 44となります。

群青色の補色は何色ですか？

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

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

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