#023C83

#023C83

ミッドナイトブルー系

カラーコード変換

形式
HEX#023C83
RGBrgb(2, 60, 131)
RGBArgba(2, 60, 131, 1)
HSLhsl(213, 97%, 26%)
HSVhsv(213, 98%, 51%)
CMYKcmyk(98%, 54%, 0%, 49%)
Aa

白背景

10.62:1AA適合

Aa

黒背景

1.98:1不適合


配色パレット提案

補色

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

#023C83#834902

類似色

色相環で隣接する色

#027C83#025C83#023C83#021C83#080283

トライアド

色相環で120°間隔の3色

#023C83#83023C#3C8302

テトラード

色相環で90°間隔の4色

#023C83#83027C#834902#028308

モノクローム

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

#000000#011937#023C83#035ECE#2284FC

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

補色の両隣の色

#023C83#830802#7C8302

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

ライト → ダーク

linear-gradient(135deg, #0976FB, #023C83, #000205)

補色グラデーション

linear-gradient(135deg, #023C83, #834902)

類似色グラデーション

linear-gradient(135deg, #027C83, #023C83, #080283)

ラジアルグロー

radial-gradient(circle, #023C83, #000205)

サンセット風

linear-gradient(to right, #023C83, #080283, #834902)

オーバーレイ

linear-gradient(180deg, #023C83CC, #023C8333)

CSS使用例

背景色として使用

Hello, World!
background-color: #023C83;

テキスト色として使用

Color Text
color: #023C83;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #023C8366;

関連するカラー