#F4F0FD

#F4F0FD

カラー値

HEX

#F4F0FD

RGB

244, 240, 253

HSL

258.5, 76.5%, 96.7%

HSV

258.5, 5.1%, 99.2%

CMYK

3.6%, 5.1%, 0.0%, 0.8%

OKLCH

0.962 0.0178 300.1

プロパティ

寒色 明るい 最も近い： ghostwhite

色彩心理学

Near-whites and off-whites radiate purity, simplicity, and spacious clarity. They feel open and unbounded, associated with cleanliness, fresh starts, and minimalism. These tones create a sense of potential and possibility, inviting focus on content.

Design Usage

Off-whites are preferred over pure white for page backgrounds to reduce glare. They feel warmer while maintaining a clean, bright aesthetic. Use for primary backgrounds and content areas where visual breathing room is needed.

カラーハーモニー

補色

#F4F0FD

#F9FDF0

類似色

#F0F3FD

#FBF0FD

#F4F0FD

トライアド

#F4F0FD

#FDF4F0

#F0FDF4

スプリット補色

#F4F0FD

#FDFBF0

#F3FDF0

テトラード

#F4F0FD

#FDF0F3

#F9FDF0

#F0FDFB

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

オリジナル

#F4F0FD

第1色覚異常

#F2F2FA

第2色覚異常

#F2F3F9

第3色覚異常

#F4F7F7

全色盲

#F2F2F2

CSS使用法

background-color: #F4F0FD;
color: #F4F0FD;
border-color: #F4F0FD;
最も近いTailwind： Violet 50 #F5F3FF

Tailwindシェード

50
#F5F2FC
100
#E9E2F9
200
#D1C0F7
300
#B093F1
400
#8558E9
500
#5A1EE1
600
#4818B4
700
#3A1390
800
#2D0F71
900
#240F52
950
#170A34

コントラストチェッカー

白背景のテキスト

1.12:1

AA Fail AAA Fail

黒背景のテキスト

18.73:1

AA Pass AAA Pass

比較する

#F4F0FD
#F9FDF0
#F4F0FD
#FFFFFF
#000000
#F4F0FD

関連記事

チュートリアル

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 #F4F0FD?

RGB(244, 240, 253) · HSL(258.5, 76.5%, 96.7%) · CMYK(3.6%, 5.1%, 0.0%, 0.8%)

Does #F4F0FD meet WCAG contrast on white?

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

What text color is readable on #F4F0FD?

Use 000000 text on a #F4F0FD background; contrast on black is 18.73:1.