#003575

#003575

ミッドナイトブルー系

カラーコード変換

形式
HEX#003575
RGBrgb(0, 53, 117)
RGBArgba(0, 53, 117, 1)
HSLhsl(213, 100%, 23%)
HSVhsv(213, 100%, 46%)
CMYKcmyk(100%, 55%, 0%, 54%)
Aa

白背景

11.89:1AA適合

Aa

黒背景

1.77:1不適合


配色パレット提案

補色

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

#003575#754100

類似色

色相環で隣接する色

#006F75#005275#003575#001775#060075

トライアド

色相環で120°間隔の3色

#003575#750035#357500

テトラード

色相環で90°間隔の4色

#003575#75006F#754100#007506

モノクローム

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

#000000#001229#003575#0057C2#0F7BFF

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

補色の両隣の色

#003575#750600#6F7500

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

ライト → ダーク

linear-gradient(135deg, #006EF5, #003575, #000000)

補色グラデーション

linear-gradient(135deg, #003575, #754100)

類似色グラデーション

linear-gradient(135deg, #006F75, #003575, #060075)

ラジアルグロー

radial-gradient(circle, #003575, #000000)

サンセット風

linear-gradient(to right, #003575, #060075, #754100)

オーバーレイ

linear-gradient(180deg, #003575CC, #00357533)

CSS使用例

背景色として使用

Hello, World!
background-color: #003575;

テキスト色として使用

Color Text
color: #003575;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #00357566;

関連するカラー