#F0ACFD

#F0ACFD

カラー値

HEX

#F0ACFD

RGB

240, 172, 253

HSL

290.4, 95.3%, 83.3%

HSV

290.4, 32.0%, 99.2%

CMYK

5.1%, 32.0%, 0.0%, 0.8%

OKLCH

0.8351 0.1315 321.0

プロパティ

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

色彩心理学

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

カラーハーモニー

補色

#F0ACFD

#B9FDAC

類似色

#C7ACFD

#FDACE1

#F0ACFD

トライアド

#F0ACFD

#FDF0AC

#ACFDF0

スプリット補色

#F0ACFD

#E1FDAC

#ACFDC7

テトラード

#F0ACFD

#FDC7AC

#B9FDAC

#ACE1FD

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

オリジナル

#F0ACFD

第1色覚異常

#D3D2E9

第2色覚異常

#D6DCE5

第3色覚異常

#EDDAD7

全色盲

#C0C0C0

CSS使用法

background-color: #F0ACFD;
color: #F0ACFD;
border-color: #F0ACFD;
最も近いTailwind： Fuchsia 300 #F0ABFC

Tailwindシェード

50
#FCF1FE
100
#F7DFFC
200
#F2B9FD
300
#E987FC
400
#DE47FB
500
#D206F9
600
#A805C7
700
#86049F
800
#69037D
900
#4D075A
950
#300439

コントラストチェッカー

白背景のテキスト

1.75:1

AA Fail AAA Fail

黒背景のテキスト

12.02:1

AA Pass AAA Pass

比較する

#F0ACFD
#B9FDAC
#F0ACFD
#FFFFFF
#000000
#F0ACFD

関連記事

チュートリアル

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

RGB(240, 172, 253) · HSL(290.4, 95.3%, 83.3%) · CMYK(5.1%, 32.0%, 0.0%, 0.8%)

Does #F0ACFD meet WCAG contrast on white?

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

What text color is readable on #F0ACFD?

Use 000000 text on a #F0ACFD background; contrast on black is 12.02:1.