#D836FC

#D836FC

ミディアムオーキッド系

カラーコード変換

形式
HEX#D836FC
RGBrgb(216, 54, 252)
RGBArgba(216, 54, 252, 1)
HSLhsl(289, 97%, 60%)
HSVhsv(289, 79%, 99%)
CMYKcmyk(14%, 79%, 0%, 1%)
Aa

白背景

3.59:1AA Large

Aa

黒背景

5.85:1AA適合


配色パレット提案

補色

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

#D836FC#5AFC36

類似色

色相環で隣接する色

#7536FC#A636FC#D836FC#FC36EF#FC36BD

トライアド

色相環で120°間隔の3色

#D836FC#FCD836#36FCD8

テトラード

色相環で90°間隔の4色

#D836FC#FC7536#5AFC36#36BDFC

モノクローム

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

#7B0297#B903E2#D836FC#E681FD#F5CDFE

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

補色の両隣の色

#D836FC#BDFC36#36FC75

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

ライト → ダーク

linear-gradient(135deg, #F0B4FE, #D836FC, #9003B0)

補色グラデーション

linear-gradient(135deg, #D836FC, #5AFC36)

類似色グラデーション

linear-gradient(135deg, #7536FC, #D836FC, #FC36BD)

ラジアルグロー

radial-gradient(circle, #D836FC, #9003B0)

サンセット風

linear-gradient(to right, #D836FC, #FC36BD, #5AFC36)

オーバーレイ

linear-gradient(180deg, #D836FCCC, #D836FC33)

CSS使用例

背景色として使用

Hello, World!
background-color: #D836FC;

テキスト色として使用

Color Text
color: #D836FC;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー