ディープスカイブルーの基本情報
ディープスカイブルー（#00BFFF）は、寒色系・中くらいの明るさ・鮮やかの色です。青系の色のグループに属します。RGBの値は赤0・緑191・青255（各255段階）。主な用途：ウェブ, 夏, テクノロジー。
夏の晴れた空のような、鮮やかで明るい青です。爽快で元気な印象があり、ウェブのリンクやボタン、テック系のデザインによく使われます。夏のキャンペーンにもぴったりです。
別名：濃い空色
服・ネイル・髪色・部屋・車・スマホケースで、ディープスカイブルーがどう見えるかをチェック。
明るさ
合わせる色
ディープスカイブルーのHEXコードは#00BFFFです。RGBではrgb(0, 191, 255)、HSLではhsl(195, 100%, 50%)、CMYKでは100, 25, 0, 0となります。
ディープスカイブルー（#00BFFF）は、寒色系・中くらいの明るさ・鮮やかの色です。青系の色のグループに属します。RGBの値は赤0・緑191・青255（各255段階）。主な用途：ウェブ, 夏, テクノロジー。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--deep-sky-blue: #00BFFF;
--deep-sky-blue-rgb: 0, 191, 255;
}
.bg { background-color: var(--deep-sky-blue); }
.text { color: var(--deep-sky-blue); }
ディープスカイブルーのHEXコードは#00BFFFです。RGBではrgb(0, 191, 255)、HSLではhsl(195, 100%, 50%)、CMYKでは100, 25, 0, 0となります。
色相環で反対側にある補色は#FF4000で、オレンジレッドに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は2.1:1しかありませんが、黒とは9.9:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る