#3206D0

#3206D0

ブルー系

カラーコード変換

形式
HEX#3206D0
RGBrgb(50, 6, 208)
RGBArgba(50, 6, 208, 1)
HSLhsl(253, 94%, 42%)
HSVhsv(253, 97%, 82%)
CMYKcmyk(76%, 97%, 0%, 18%)
Aa

白背景

10.13:1AA適合

Aa

黒背景

2.07:1不適合


配色パレット提案

補色

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

#3206D0#A4D006

類似色

色相環で隣接する色

#063FD0#060DD0#3206D0#6406D0#9706D0

トライアド

色相環で120°間隔の3色

#3206D0#D03206#06D032

テトラード

色相環で90°間隔の4色

#3206D0#D0063F#A4D006#06D097

モノクローム

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

#0E023B#200486#3206D0#572AF8#9274FB

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

補色の両隣の色

#3206D0#D09706#3FD006

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

ライト → ダーク

linear-gradient(135deg, #7E5CFA, #3206D0, #140354)

補色グラデーション

linear-gradient(135deg, #3206D0, #A4D006)

類似色グラデーション

linear-gradient(135deg, #063FD0, #3206D0, #9706D0)

ラジアルグロー

radial-gradient(circle, #3206D0, #140354)

サンセット風

linear-gradient(to right, #3206D0, #9706D0, #A4D006)

オーバーレイ

linear-gradient(180deg, #3206D0CC, #3206D033)

CSS使用例

背景色として使用

Hello, World!
background-color: #3206D0;

テキスト色として使用

Color Text
color: #3206D0;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #3206D066;

関連するカラー