#071DAB

#071DAB

ネイビー系

カラーコード変換

形式
HEX#071DAB
RGBrgb(7, 29, 171)
RGBArgba(7, 29, 171, 1)
HSLhsl(232, 92%, 35%)
HSVhsv(232, 96%, 67%)
CMYKcmyk(96%, 83%, 0%, 33%)
Aa

白背景

11.85:1AA適合

Aa

黒背景

1.77:1不適合


配色パレット提案

補色

色相環で180°反対に位置する色

#071DAB#AB9507

類似色

色相環で隣接する色

#076FAB#0746AB#071DAB#1A07AB#4307AB

トライアド

色相環で120°間隔の3色

#071DAB#AB071D#1DAB07

テトラード

色相環で90°間隔の4色

#071DAB#AB076F#AB9507#07AB43

モノクローム

同じ色相の明度バリエーション

#010418#041162#071DAB#0A29F5#546AF8

スプリットコンプリメンタリー

補色の両隣の色

#071DAB#AB4307#6FAB07

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #3B54F7, #071DAB, #020831)

補色グラデーション

linear-gradient(135deg, #071DAB, #AB9507)

類似色グラデーション

linear-gradient(135deg, #076FAB, #071DAB, #4307AB)

ラジアルグロー

radial-gradient(circle, #071DAB, #020831)

サンセット風

linear-gradient(to right, #071DAB, #4307AB, #AB9507)

オーバーレイ

linear-gradient(180deg, #071DABCC, #071DAB33)

CSS使用例

背景色として使用

Hello, World!
background-color: #071DAB;

テキスト色として使用

Color Text
color: #071DAB;

ボーダー色として使用

ボーダー要素
border: 3px solid #071DAB;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #071DAB66;

関連するカラー