#DF6FEC

#DF6FEC

カラー値

HEX

#DF6FEC

RGB

223, 111, 236

HSL

293.8, 76.7%, 68.0%

HSV

293.8, 53.0%, 92.5%

CMYK

5.5%, 53.0%, 0.0%, 7.5%

OKLCH

0.7174 0.2055 323.4

プロパティ

寒色 明るい 最も近い： Shocking Pink

色彩心理学

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.

カラーハーモニー

補色

#DF6FEC

#7CEC6F

類似色

#A06FEC

#EC6FBA

#DF6FEC

トライアド

#DF6FEC

#ECDF6F

#6FECDF

スプリット補色

#DF6FEC

#BAEC6F

#6FECA0

テトラード

#DF6FEC

#ECA06F

#7CEC6F

#6FBAEC

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

オリジナル

#DF6FEC

第1色覚異常

#AEAECE

第2色覚異常

#B5BDC6

第3色覚異常

#D9B6B1

全色盲

#909090

CSS使用法

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

Tailwindシェード

50
#FBF2FC
100
#F6E2F9
200
#F1C0F7
300
#E793F1
400
#DA58E9
500
#CD1EE1
600
#A418B4
700
#831390
800
#670F71
900
#4B0F52
950
#2F0934

コントラストチェッカー

白背景のテキスト

2.75:1

AA Fail AAA Fail

黒背景のテキスト

7.62:1

AA Pass AAA Pass

比較する

#DF6FEC
#7CEC6F
#DF6FEC
#FFFFFF
#000000
#DF6FEC

関連記事

チュートリアル

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

RGB(223, 111, 236) · HSL(293.8, 76.7%, 68.0%) · CMYK(5.5%, 53.0%, 0.0%, 7.5%)

Does #DF6FEC meet WCAG contrast on white?

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

What text color is readable on #DF6FEC?

Use 000000 text on a #DF6FEC background; contrast on black is 7.62:1.