#EC69CCのRGB値は？

#EC69CC（オーキッド系）のRGB値は、赤(R)=236、緑(G)=105、青(B)=204です。

#EC69CCの補色は？

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

#EC69CCはどんな色？

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

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

#EC69CC

オーキッド系

カラーコード変換

形式	値
HEX	#EC69CC
RGB	rgb(236, 105, 204)
RGBA	rgba(236, 105, 204, 1)
HSL	hsl(315, 78%, 67%)
HSV	hsv(315, 56%, 93%)
CMYK	cmyk(0%, 56%, 14%, 7%)

白背景

2.82:1不適合

黒背景

7.46:1AA適合

配色パレット提案

補色

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

#EC69CC#69EC8A

類似色

色相環で隣接する色

#CC69EC#EC69EC#EC69CC#EC69AB#EC698A

トライアド

色相環で120°間隔の3色

#EC69CC#CCEC69#69CCEC

テトラード

色相環で90°間隔の4色

#EC69CC#ECCC69#69EC8A#698AEC

モノクローム

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

#A81583#E425B4#EC69CC#F5ADE3#FDF1FA

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

補色の両隣の色

#EC69CC#8AEC69#69ECCC

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

ライト → ダーク

linear-gradient(135deg, #FBDBF3, #EC69CC, #BF1895)

補色グラデーション

linear-gradient(135deg, #EC69CC, #69EC8A)

類似色グラデーション

linear-gradient(135deg, #CC69EC, #EC69CC, #EC698A)

ラジアルグロー

radial-gradient(circle, #EC69CC, #BF1895)

サンセット風

linear-gradient(to right, #EC69CC, #EC698A, #69EC8A)

オーバーレイ

linear-gradient(180deg, #EC69CCCC, #EC69CC33)

CSS使用例

背景色として使用

Hello, World!

background-color: #EC69CC;

テキスト色として使用

Color Text

color: #EC69CC;

ボーダー色として使用

ボーダー要素

border: 3px solid #EC69CC;

シャドウとして使用

Shadow

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