#848BEB

#848BEB

コーンフラワーブルー系

カラーコード変換

形式
HEX#848BEB
RGBrgb(132, 139, 235)
RGBArgba(132, 139, 235, 1)
HSLhsl(236, 72%, 72%)
HSVhsv(236, 44%, 92%)
CMYKcmyk(44%, 41%, 0%, 8%)
Aa

白背景

3.06:1AA Large

Aa

黒背景

6.87:1AA適合


配色パレット提案

補色

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

#848BEB#EBE484

類似色

色相環で隣接する色

#84BEEB#84A5EB#848BEB#9784EB#B184EB

トライアド

色相環で120°間隔の3色

#848BEB#EB848B#8BEB84

テトラード

色相環で90°間隔の4色

#848BEB#EB84BE#EBE484#84EBB1

モノクローム

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

#1E28B8#424DE0#848BEB#C6C9F6#FFFFFF

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

補色の両隣の色

#848BEB#EBB184#BEEB84

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

ライト → ダーク

linear-gradient(135deg, #F2F3FD, #848BEB, #222DCE)

補色グラデーション

linear-gradient(135deg, #848BEB, #EBE484)

類似色グラデーション

linear-gradient(135deg, #84BEEB, #848BEB, #B184EB)

ラジアルグロー

radial-gradient(circle, #848BEB, #222DCE)

サンセット風

linear-gradient(to right, #848BEB, #B184EB, #EBE484)

オーバーレイ

linear-gradient(180deg, #848BEBCC, #848BEB33)

CSS使用例

背景色として使用

Hello, World!
background-color: #848BEB;

テキスト色として使用

Color Text
color: #848BEB;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #848BEB66;

関連するカラー