#DE7CCEのRGB値は？

#DE7CCE（オーキッド系）のRGB値は、赤(R)=222、緑(G)=124、青(B)=206です。

#DE7CCEの補色は？

#DE7CCE（オーキッド系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#DE7CCEはどんな色？

#DE7CCEはオーキッド系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#DE7CCEのカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#DE7CCE

オーキッド系

カラーコード変換

形式	値
HEX	#DE7CCE
RGB	rgb(222, 124, 206)
RGBA	rgba(222, 124, 206, 1)
HSL	hsl(310, 60%, 68%)
HSV	hsv(310, 44%, 87%)
CMYK	cmyk(0%, 44%, 7%, 13%)

白背景

2.66:1不適合

黒背景

7.88:1AA適合

配色パレット提案

補色

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

#DE7CCE#7CDE8D

類似色

色相環で隣接する色

#BE7CDE#D67CDE#DE7CCE#DE7CB6#DE7C9D

トライアド

色相環で120°間隔の3色

#DE7CCE#CEDE7C#7CCEDE

テトラード

色相環で90°間隔の4色

#DE7CCE#DEBE7C#7CDE8D#7C9DDE

モノクローム

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

#9B2788#CF3FB7#DE7CCE#EEBAE5#FDF7FC

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

補色の両隣の色

#DE7CCE#9DDE7C#7CDEBE

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

ライト → ダーク

linear-gradient(135deg, #F8E2F4, #DE7CCE, #AF2C9A)

補色グラデーション

linear-gradient(135deg, #DE7CCE, #7CDE8D)

類似色グラデーション

linear-gradient(135deg, #BE7CDE, #DE7CCE, #DE7C9D)

ラジアルグロー

radial-gradient(circle, #DE7CCE, #AF2C9A)

サンセット風

linear-gradient(to right, #DE7CCE, #DE7C9D, #7CDE8D)

オーバーレイ

linear-gradient(180deg, #DE7CCECC, #DE7CCE33)

CSS使用例

背景色として使用

Hello, World!

background-color: #DE7CCE;

テキスト色として使用

Color Text

color: #DE7CCE;

ボーダー色として使用

ボーダー要素

border: 3px solid #DE7CCE;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #DE7CCE66;