#FFEC80のRGB値は？

#FFEC80（カーキ系）のRGB値は、赤(R)=255、緑(G)=236、青(B)=128です。

#FFEC80の補色は？

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

#FFEC80はどんな色？

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

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

#FFEC80

カーキ系

カラーコード変換

形式	値
HEX	#FFEC80
RGB	rgb(255, 236, 128)
RGBA	rgba(255, 236, 128, 1)
HSL	hsl(51, 100%, 75%)
HSV	hsv(51, 50%, 100%)
CMYK	cmyk(0%, 7%, 50%, 0%)

白背景

1.20:1不適合

黒背景

17.56:1AA適合

配色パレット提案

補色

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

#FFEC80#8093FF

類似色

色相環で隣接する色

#FFAC80#FFCC80#FFEC80#F2FF80#D2FF80

トライアド

色相環で120°間隔の3色

#FFEC80#80FFEC#EC80FF

テトラード

色相環で90°間隔の4色

#FFEC80#80FFAC#8093FF#FF80D2

モノクローム

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

#E6C300#FFE033#FFEC80#FFF7CC#FFFFFF

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

補色の両隣の色

#FFEC80#80D2FF#AC80FF

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #FFEC80, #FFD900)

補色グラデーション

linear-gradient(135deg, #FFEC80, #8093FF)

類似色グラデーション

linear-gradient(135deg, #FFAC80, #FFEC80, #D2FF80)

ラジアルグロー

radial-gradient(circle, #FFEC80, #FFD900)

サンセット風

linear-gradient(to right, #FFEC80, #D2FF80, #8093FF)

オーバーレイ

linear-gradient(180deg, #FFEC80CC, #FFEC8033)

CSS使用例

背景色として使用

Hello, World!

background-color: #FFEC80;

テキスト色として使用

Color Text

color: #FFEC80;

ボーダー色として使用

ボーダー要素

border: 3px solid #FFEC80;

シャドウとして使用

Shadow

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