オーシャンブルーの基本情報
オーシャンブルー（#005A9C）は、寒色系・中くらいの明るさ・鮮やかの色です。青系の色のグループに属します。RGBの値は赤0・緑90・青156（各255段階）。主な用途：ブランディング, 夏, ウェブ。
深い海を思わせる、落ち着いた鮮やかな青です。信頼感と爽やかさを兼ね備えていて、企業ロゴや旅行関連のブランドに人気です。夏の水着やマリンスタイルにもよく合います。
別名：海色, マリンブルー
服・ネイル・髪色・部屋・車・スマホケースで、オーシャンブルーがどう見えるかをチェック。
明るさ
合わせる色
オーシャンブルーのHEXコードは#005A9Cです。RGBではrgb(0, 90, 156)、HSLではhsl(205, 100%, 31%)、CMYKでは100, 42, 0, 39となります。
オーシャンブルー（#005A9C）は、寒色系・中くらいの明るさ・鮮やかの色です。青系の色のグループに属します。RGBの値は赤0・緑90・青156（各255段階）。主な用途：ブランディング, 夏, ウェブ。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--ocean-blue: #005A9C;
--ocean-blue-rgb: 0, 90, 156;
}
.bg { background-color: var(--ocean-blue); }
.text { color: var(--ocean-blue); }
オーシャンブルーのHEXコードは#005A9Cです。RGBではrgb(0, 90, 156)、HSLではhsl(205, 100%, 31%)、CMYKでは100, 42, 0, 39となります。
色相環で反対側にある補色は#9C4200で、茶色に近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
はい。白とのコントラスト比は7.1:1で、通常サイズの文字にも十分です（WCAG AA）。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る