サファイアブルーのカラーコード：#0f52ba
サファイアブルーは #0f52ba、RGBで rgb(15, 82, 186)、OKLCHで oklch(46.654% 0.17629 260.008) です。ほかの形式、シェード、合う色、パレットはすべて下にあります。
HEXとして認識
- Ctrl Vどこでも色を貼り付け
- Spaceランダムな色
- CHEXをコピー
- 青
- 暗い
- 鮮やか
- ディープ
- 寒色系
- blue-800
- 黒 27%
sRGBの範囲内：どの画面でも同じように表示されます。
シェード
明るい順に並んでいます。クリックするとそのシェードを使えます。
カラーハーモニー
最近の色
選んだ色やコピーした色がここに表示されます。データはこの端末に残ります。
別名: サファイア, Sapphire
サファイアブルーを使ったパレット
似ている名前のある色
サファイアブルーについてのよくある質問
サファイアブルーのカラーコードは？
サファイアブルーのカラーコードは #0f52ba です。RGBでは rgb(15, 82, 186)、HSLでは hsl(216.49, 85.07%, 39.41%)、OKLCHでは oklch(46.654% 0.17629 260.008) です。
サファイアブルーに合う色は？
補色は #7b5000 です。落ち着いた印象にするなら、類似色の #00648e と #5d3eb3 と組み合わせましょう。サファイアブルーを使ったパレットはこのページで紹介しています。
サファイアブルーは暖色と寒色のどちらですか？
サファイアブルーは寒色系の色で、OKLCHの色相は260度です。
サファイアブルーの上で読みやすい文字色は？
サファイアブルーの上では白の文字のほうが読みやすくなります。白はコントラスト比 7.15:1、黒は 2.94:1 です。WCAG AAでは本文に4.5:1以上が求められます。
#0f52ba について
#0f52ba は深みのある 暗い青です。OKLCHでは明度 46.7%、クロマ 0.176、色相 260° です。
sRGBの範囲内：どの画面でも同じように表示されます。
この色の上では白い文字のコントラストが 7.15:1、黒い文字が 2.94:1 なので、白の文字のほうが読みやすくなります。
最も近い名前のある色はサファイアブルー（#0f52ba）です。Tailwind CSSで最も近い色は blue-800 です。