#DF7AF1

#DF7AF1

カラー値

HEX

#DF7AF1

RGB

223, 122, 241

HSL

290.9, 81.0%, 71.2%

HSV

290.9, 49.4%, 94.5%

CMYK

7.5%, 49.4%, 0.0%, 5.5%

OKLCH

0.7347 0.1932 321.4

プロパティ

寒色 明るい 最も近い： violet

色彩心理学

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.

カラーハーモニー

補色

#DF7AF1

#8CF17A

類似色

#A47AF1

#F17AC8

#DF7AF1

トライアド

#DF7AF1

#F1DF7A

#7AF1DF

スプリット補色

#DF7AF1

#C8F17A

#7AF1A4

テトラード

#DF7AF1

#F1A47A

#8CF17A

#7AC8F1

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

オリジナル

#DF7AF1

第1色覚異常

#B3B2D4

第2色覚異常

#B9C1CD

第3色覚異常

#DABDB8

全色盲

#989898

CSS使用法

background-color: #DF7AF1;
color: #DF7AF1;
border-color: #DF7AF1;
最も近いTailwind： Fuchsia 400 #E879F9

Tailwindシェード

50
#FBF2FD
100
#F6E1F9
200
#EFBEF8
300
#E490F3
400
#D654ED
500
#C718E7
600
#A013B9
700
#801094
800
#640C73
900
#490D54
950
#2E0835

コントラストチェッカー

白背景のテキスト

2.56:1

AA Fail AAA Fail

黒背景のテキスト

8.19:1

AA Pass AAA Pass

比較する

#DF7AF1
#8CF17A
#DF7AF1
#FFFFFF
#000000
#DF7AF1

関連記事

チュートリアル

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

RGB(223, 122, 241) · HSL(290.9, 81.0%, 71.2%) · CMYK(7.5%, 49.4%, 0.0%, 5.5%)

Does #DF7AF1 meet WCAG contrast on white?

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

What text color is readable on #DF7AF1?

Use 000000 text on a #DF7AF1 background; contrast on black is 8.19:1.