#F1DFFB

#F1DFFB

カラー値

HEX

#F1DFFB

RGB

241, 223, 251

HSL

278.6, 77.8%, 92.9%

HSV

278.6, 11.2%, 98.4%

CMYK

4.0%, 11.2%, 0.0%, 1.6%

OKLCH

0.9265 0.042 313.7

プロパティ

寒色 明るい 最も近い： thistle 1

色彩心理学

Light purples and lavenders evoke romance, nostalgia, and gentle luxury. They are calming and slightly whimsical, often associated with springtime flowers and delicate fragrance. Lavender tones stimulate creativity and imagination while maintaining a sense of refinement.

Design Usage

Soft purple is popular in beauty brands, creative platforms, and children's educational apps. It creates distinctive card backgrounds and feature highlights that feel premium without being heavy. Pair it with sage green or warm gold for a sophisticated, trend-forward color combination.

カラーハーモニー

補色

#F1DFFB

#E9FBDF

類似色

#E3DFFB

#FBDFF7

#F1DFFB

トライアド

#F1DFFB

#FBF1DF

#DFFBF1

スプリット補色

#F1DFFB

#F7FBDF

#DFFBE3

テトラード

#F1DFFB

#FBE3DF

#E9FBDF

#DFF7FB

色覚異常シミュレーション

オリジナル

#F1DFFB

第1色覚異常

#E9E9F4

第2色覚異常

#EAECF3

第3色覚異常

#F0EFEE

全色盲

#E5E5E5

CSS使用法

background-color: #F1DFFB;
color: #F1DFFB;
border-color: #F1DFFB;
最も近いTailwind： Fuchsia 100 #FAE8FF

Tailwindシェード

50
#F9F2FC
100
#F1E1F9
200
#E3C0F7
300
#CF92F1
400
#B657EA
500
#9C1CE3
600
#7D17B5
700
#641291
800
#4E0E71
900
#3A0F52
950
#250934

コントラストチェッカー

白背景のテキスト

1.26:1

AA Fail AAA Fail

黒背景のテキスト

16.69:1

AA Pass AAA Pass

比較する

#F1DFFB
#E9FBDF
#F1DFFB
#FFFFFF
#000000
#F1DFFB

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #F1DFFB?

RGB(241, 223, 251) · HSL(278.6, 77.8%, 92.9%) · CMYK(4.0%, 11.2%, 0.0%, 1.6%)

Does #F1DFFB meet WCAG contrast on white?

1.26:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #F1DFFB?

Use 000000 text on a #F1DFFB background; contrast on black is 16.69:1.