#D91CCF

#D91CCF

ミディアムオーキッド系

カラーコード変換

形式
HEX#D91CCF
RGBrgb(217, 28, 207)
RGBArgba(217, 28, 207, 1)
HSLhsl(303, 77%, 48%)
HSVhsv(303, 87%, 85%)
CMYKcmyk(0%, 87%, 5%, 15%)
Aa

白背景

4.19:1AA Large

Aa

黒背景

5.02:1AA適合


配色パレット提案

補色

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

#D91CCF#1CD926

類似色

色相環で隣接する色

#841CD9#B31CD9#D91CCF#D91CA0#D91C71

トライアド

色相環で120°間隔の3色

#D91CCF#CFD91C#1CCFD9

テトラード

色相環で90°間隔の4色

#D91CCF#D9841C#1CD926#1C71D9

モノクローム

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

#510B4E#95138E#D91CCF#E958E2#F29CEE

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

補色の両隣の色

#D91CCF#71D91C#1CD984

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

ライト → ダーク

linear-gradient(135deg, #EF85EA, #D91CCF, #680D63)

補色グラデーション

linear-gradient(135deg, #D91CCF, #1CD926)

類似色グラデーション

linear-gradient(135deg, #841CD9, #D91CCF, #D91C71)

ラジアルグロー

radial-gradient(circle, #D91CCF, #680D63)

サンセット風

linear-gradient(to right, #D91CCF, #D91C71, #1CD926)

オーバーレイ

linear-gradient(180deg, #D91CCFCC, #D91CCF33)

CSS使用例

背景色として使用

Hello, World!
background-color: #D91CCF;

テキスト色として使用

Color Text
color: #D91CCF;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー