#050094

#050094

ネイビー系

カラーコード変換

形式
HEX#050094
RGBrgb(5, 0, 148)
RGBArgba(5, 0, 148, 1)
HSLhsl(242, 100%, 29%)
HSVhsv(242, 100%, 58%)
CMYKcmyk(97%, 100%, 0%, 42%)
Aa

白背景

14.64:1AA適合

Aa

黒背景

1.43:1不適合


配色パレット提案

補色

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

#050094#8F9400

類似色

色相環で隣接する色

#004594#002094#050094#2A0094#4F0094

トライアド

色相環で120°間隔の3色

#050094#940500#009405

テトラード

色相環で90°間隔の4色

#050094#940045#8F9400#00944F

モノクローム

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

#000000#020047#050094#0700E0#352EFF

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

補色の両隣の色

#050094#944F00#459400

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

ライト → ダーク

linear-gradient(135deg, #1C14FF, #050094, #010014)

補色グラデーション

linear-gradient(135deg, #050094, #8F9400)

類似色グラデーション

linear-gradient(135deg, #004594, #050094, #4F0094)

ラジアルグロー

radial-gradient(circle, #050094, #010014)

サンセット風

linear-gradient(to right, #050094, #4F0094, #8F9400)

オーバーレイ

linear-gradient(180deg, #050094CC, #05009433)

CSS使用例

背景色として使用

Hello, World!
background-color: #050094;

テキスト色として使用

Color Text
color: #050094;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー