#CCEDBAのRGB値は？

#CCEDBA（ライトグリーン系）のRGB値は、赤(R)=204、緑(G)=237、青(B)=186です。

#CCEDBAの補色は？

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

#CCEDBAはどんな色？

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

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

#CCEDBA

ライトグリーン系

カラーコード変換

形式	値
HEX	#CCEDBA
RGB	rgb(204, 237, 186)
RGBA	rgba(204, 237, 186, 1)
HSL	hsl(99, 59%, 83%)
HSV	hsv(99, 22%, 93%)
CMYK	cmyk(14%, 0%, 22%, 7%)

白背景

1.28:1不適合

黒背景

16.39:1AA適合

配色パレット提案

補色

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

#CCEDBA#DBBAED

類似色

色相環で隣接する色

#E6EDBA#D9EDBA#CCEDBA#BFEDBA#BAEDC2

トライアド

色相環で120°間隔の3色

#CCEDBA#BACCED#EDBACC

テトラード

色相環で90°間隔の4色

#CCEDBA#BAE6ED#DBBAED#EDC2BA

モノクローム

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

#72CE40#9FDE7D#CCEDBA#F9FDF7#FFFFFF

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

補色の両隣の色

#CCEDBA#C2BAED#EDBAE6

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #CCEDBA, #81D355)

補色グラデーション

linear-gradient(135deg, #CCEDBA, #DBBAED)

類似色グラデーション

linear-gradient(135deg, #E6EDBA, #CCEDBA, #BAEDC2)

ラジアルグロー

radial-gradient(circle, #CCEDBA, #81D355)

サンセット風

linear-gradient(to right, #CCEDBA, #BAEDC2, #DBBAED)

オーバーレイ

linear-gradient(180deg, #CCEDBACC, #CCEDBA33)

CSS使用例

背景色として使用

Hello, World!

background-color: #CCEDBA;

テキスト色として使用

Color Text

color: #CCEDBA;

ボーダー色として使用

ボーダー要素

border: 3px solid #CCEDBA;

シャドウとして使用

Shadow

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