石油の光沢のような、緑みを帯びた暗い青です。上品で深みがあり、ネイビーほど冷たくありません。ベルベットのソファやフォーマルウェア、信頼感を出したいブランドに使われます。
別名：ピーコックブルー, 石油色
ペトロールブルー（#084C61）は、寒色系・暗め・鮮やかの色です。ターコイズ系の色のグループに属します。RGBの値は赤8・緑76・青97（各255段階）。主な用途：ファッション, インテリア, ブランディング。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--petrol-blue: #084C61;
--petrol-blue-rgb: 8, 76, 97;
}
.bg { background-color: var(--petrol-blue); }
.text { color: var(--petrol-blue); }ペトロールブルーのHEXコードは#084C61です。RGBではrgb(8, 76, 97)、HSLではhsl(194, 85%, 21%)、CMYKでは92, 22, 0, 62となります。
色相環で反対側にある補色は#611D08で、栗色に近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
はい。白とのコントラスト比は9.5:1で、通常サイズの文字にも十分です（WCAG AA）。
相性のよい色：マスタード, テラコッタ, ベージュ, くすみピンク, グレー。他の色をはさまずに黒やネイビーと合わせると、埋もれてしまうので避けましょう。とても鮮やかな緑を隣に置くのもぶつかります。