#BE5BCD

#BE5BCD

ミディアムオーキッド系

カラーコード変換

形式
HEX#BE5BCD
RGBrgb(190, 91, 205)
RGBArgba(190, 91, 205, 1)
HSLhsl(292, 53%, 58%)
HSVhsv(292, 56%, 80%)
CMYKcmyk(7%, 56%, 0%, 20%)
Aa

白背景

3.77:1AA Large

Aa

黒背景

5.57:1AA適合


配色パレット提案

補色

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

#BE5BCD#6ACD5B

類似色

色相環で隣接する色

#855BCD#A15BCD#BE5BCD#CD5BBF#CD5BA3

トライアド

色相環で120°間隔の3色

#BE5BCD#CDBE5B#5BCDBE

テトラード

色相環で90°間隔の4色

#BE5BCD#CD855B#6ACD5B#5BA3CD

モノクローム

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

#63226D#9834A8#BE5BCD#D596DF#ECD0F1

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

補色の両隣の色

#BE5BCD#A3CD5B#5BCD85

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

ライト → ダーク

linear-gradient(135deg, #E4BDEB, #BE5BCD, #752881)

補色グラデーション

linear-gradient(135deg, #BE5BCD, #6ACD5B)

類似色グラデーション

linear-gradient(135deg, #855BCD, #BE5BCD, #CD5BA3)

ラジアルグロー

radial-gradient(circle, #BE5BCD, #752881)

サンセット風

linear-gradient(to right, #BE5BCD, #CD5BA3, #6ACD5B)

オーバーレイ

linear-gradient(180deg, #BE5BCDCC, #BE5BCD33)

CSS使用例

背景色として使用

Hello, World!
background-color: #BE5BCD;

テキスト色として使用

Color Text
color: #BE5BCD;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー