#3429FF

#3429FF

ブルー系

カラーコード変換

形式
HEX#3429FF
RGBrgb(52, 41, 255)
RGBArgba(52, 41, 255, 1)
HSLhsl(243, 100%, 58%)
HSVhsv(243, 84%, 100%)
CMYKcmyk(80%, 84%, 0%, 0%)
Aa

白背景

7.22:1AA適合

Aa

黒背景

2.91:1不適合


配色パレット提案

補色

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

#3429FF#F4FF29

類似色

色相環で隣接する色

#2989FF#2954FF#3429FF#6929FF#9F29FF

トライアド

色相環で120°間隔の3色

#3429FF#FF3429#29FF34

テトラード

色相環で90°間隔の4色

#3429FF#FF2989#F4FF29#29FF9F

モノクローム

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

#07008F#0B00DB#3429FF#7C75FF#C5C2FF

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

補色の両隣の色

#3429FF#FF9F29#89FF29

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

ライト → ダーク

linear-gradient(135deg, #ADA8FF, #3429FF, #0800A8)

補色グラデーション

linear-gradient(135deg, #3429FF, #F4FF29)

類似色グラデーション

linear-gradient(135deg, #2989FF, #3429FF, #9F29FF)

ラジアルグロー

radial-gradient(circle, #3429FF, #0800A8)

サンセット風

linear-gradient(to right, #3429FF, #9F29FF, #F4FF29)

オーバーレイ

linear-gradient(180deg, #3429FFCC, #3429FF33)

CSS使用例

背景色として使用

Hello, World!
background-color: #3429FF;

テキスト色として使用

Color Text
color: #3429FF;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #3429FF66;

関連するカラー