#F0DBEEのRGB値は？

#F0DBEE（ラベンダー系）のRGB値は、赤(R)=240、緑(G)=219、青(B)=238です。

#F0DBEEの補色は？

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

#F0DBEEはどんな色？

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

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

#F0DBEE

ラベンダー系

カラーコード変換

形式	値
HEX	#F0DBEE
RGB	rgb(240, 219, 238)
RGBA	rgba(240, 219, 238, 1)
HSL	hsl(306, 41%, 90%)
HSV	hsv(306, 9%, 94%)
CMYK	cmyk(0%, 9%, 1%, 6%)

白背景

1.31:1不適合

黒背景

16.07:1AA適合

配色パレット提案

補色

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

#F0DBEE#DBF0DD

類似色

色相環で隣接する色

#E8DBF0#EDDBF0#F0DBEE#F0DBE9#F0DBE3

トライアド

色相環で120°間隔の3色

#F0DBEE#EEF0DB#DBEEF0

テトラード

色相環で90°間隔の4色

#F0DBEE#F0E8DB#DBF0DD#DBE3F0

モノクローム

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

#C36FBA#D9A5D4#F0DBEE#FFFFFF#FFFFFF

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

補色の両隣の色

#F0DBEE#E3F0DB#DBF0E8

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #F0DBEE, #CA81C3)

補色グラデーション

linear-gradient(135deg, #F0DBEE, #DBF0DD)

類似色グラデーション

linear-gradient(135deg, #E8DBF0, #F0DBEE, #F0DBE3)

ラジアルグロー

radial-gradient(circle, #F0DBEE, #CA81C3)

サンセット風

linear-gradient(to right, #F0DBEE, #F0DBE3, #DBF0DD)

オーバーレイ

linear-gradient(180deg, #F0DBEECC, #F0DBEE33)

CSS使用例

背景色として使用

Hello, World!

background-color: #F0DBEE;

テキスト色として使用

Color Text

color: #F0DBEE;

ボーダー色として使用

ボーダー要素

border: 3px solid #F0DBEE;

シャドウとして使用

Shadow

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