セルリアンブルー

「空の青」を意味するラテン語のcaeruleusに由来します。真昼の空のような、深みのある中間の青です。2000年のパントン・カラー・オブ・ザ・イヤーで、水彩画でも人気の色です。

別名：セルリアン, 紺碧

セルリアンブルー · #007BA7

セルリアンブルーの基本情報

セルリアンブルー（#007BA7）は、寒色系・中くらいの明るさ・鮮やかの色です。青系の色のグループに属します。RGBの値は赤0・緑123・青167（各255段階）。主な用途：アート, インテリア, ファッション。

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

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

補色近い色：錆色

スプリット・コンプリメンタリー近い色：ルビーレッド, キャラメル

テトラード近い色：紫, 錆色, 緑

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

モノクロマティックパレット · セルリアンブルー

類似色パレット · セルリアンブルー

補色パレット · セルリアンブルー

トライアドパレット · セルリアンブルー

ニュートラルカラー入りパレット · セルリアンブルー

アクセントカラー入りパレット · セルリアンブルー

白い文字コントラスト比 4.8:1 · AA

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

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

:root {
  --cerulean: #007BA7;
  --cerulean-rgb: 0, 123, 167;
}
.bg { background-color: var(--cerulean); }
.text { color: var(--cerulean); }

セルリアンブルーのカラーコードは？

セルリアンブルーのHEXコードは#007BA7です。RGBではrgb(0, 123, 167)、HSLではhsl(196, 100%, 33%)、CMYKでは100, 26, 0, 35となります。

セルリアンブルーの補色は何色ですか？

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

セルリアンブルーの上に白い文字を置いても読みやすいですか？

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