#0D2487

#0D2487

ミッドナイトブルー系

カラーコード変換

形式
HEX#0D2487
RGBrgb(13, 36, 135)
RGBArgba(13, 36, 135, 1)
HSLhsl(229, 82%, 29%)
HSVhsv(229, 90%, 53%)
CMYKcmyk(90%, 73%, 0%, 47%)
Aa

白背景

12.97:1AA適合

Aa

黒背景

1.62:1不適合


配色パレット提案

補色

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

#0D2487#87700D

類似色

色相環で隣接する色

#0D6087#0D4287#0D2487#150D87#340D87

トライアド

色相環で120°間隔の3色

#0D2487#870D24#24870D

テトラード

色相環で90°間隔の4色

#0D2487#870D60#87700D#0D8734

モノクローム

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

#000000#061141#0D2487#1436CC#4160EC

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

補色の両隣の色

#0D2487#87340D#60870D

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

ライト → ダーク

linear-gradient(135deg, #2A4DEA, #0D2487, #020513)

補色グラデーション

linear-gradient(135deg, #0D2487, #87700D)

類似色グラデーション

linear-gradient(135deg, #0D6087, #0D2487, #340D87)

ラジアルグロー

radial-gradient(circle, #0D2487, #020513)

サンセット風

linear-gradient(to right, #0D2487, #340D87, #87700D)

オーバーレイ

linear-gradient(180deg, #0D2487CC, #0D248733)

CSS使用例

背景色として使用

Hello, World!
background-color: #0D2487;

テキスト色として使用

Color Text
color: #0D2487;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー