#093F90

#093F90

ミッドナイトブルー系

カラーコード変換

形式
HEX#093F90
RGBrgb(9, 63, 144)
RGBArgba(9, 63, 144, 1)
HSLhsl(216, 88%, 30%)
HSVhsv(216, 94%, 56%)
CMYKcmyk(94%, 56%, 0%, 44%)
Aa

白背景

9.88:1AA適合

Aa

黒背景

2.13:1不適合


配色パレット提案

補色

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

#093F90#905A09

類似色

色相環で隣接する色

#098290#096190#093F90#091D90#170990

トライアド

色相環で120°間隔の3色

#093F90#90093F#3F9009

テトラード

色相環で90°間隔の4色

#093F90#900982#905A09#099017

モノクローム

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

#000000#052048#093F90#0E5FD8#3F87F3

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

補色の両隣の色

#093F90#901709#829009

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

ライト → ダーク

linear-gradient(135deg, #2778F1, #093F90, #020B18)

補色グラデーション

linear-gradient(135deg, #093F90, #905A09)

類似色グラデーション

linear-gradient(135deg, #098290, #093F90, #170990)

ラジアルグロー

radial-gradient(circle, #093F90, #020B18)

サンセット風

linear-gradient(to right, #093F90, #170990, #905A09)

オーバーレイ

linear-gradient(180deg, #093F90CC, #093F9033)

CSS使用例

背景色として使用

Hello, World!
background-color: #093F90;

テキスト色として使用

Color Text
color: #093F90;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #093F9066;

関連するカラー