#DC62F4

#DC62F4

カラー値

HEX

#DC62F4

RGB

220, 98, 244

HSL

290.1, 86.9%, 67.1%

HSV

290.1, 59.8%, 95.7%

CMYK

9.8%, 59.8%, 0.0%, 4.3%

OKLCH

0.7019 0.2301 320.8

プロパティ

寒色 明るい 最も近い： mediumorchid 2

色彩心理学

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.

カラーハーモニー

補色

#DC62F4

#7AF462

類似色

#9362F4

#F462C3

#DC62F4

トライアド

#DC62F4

#F4DC62

#62F4DC

スプリット補色

#DC62F4

#C3F462

#62F493

テトラード

#DC62F4

#F49362

#7AF462

#62C3F4

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

オリジナル

#DC62F4

第1色覚異常

#A7A6D1

第2色覚異常

#AEB7C8

第3色覚異常

#D6B5AF

全色盲

#868686

CSS使用法

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

Tailwindシェード

50
#FBF2FD
100
#F6E0FA
200
#F0BCFA
300
#E58DF7
400
#D84FF3
500
#CA11EE
600
#A10DBF
700
#810B99
800
#650877
900
#4A0B56
950
#2F0737

コントラストチェッカー

白背景のテキスト

2.96:1

AA Fail AAA Fail

黒背景のテキスト

7.1:1

AA Pass AAA Pass

比較する

#DC62F4
#7AF462
#DC62F4
#FFFFFF
#000000
#DC62F4

関連記事

チュートリアル

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

RGB(220, 98, 244) · HSL(290.1, 86.9%, 67.1%) · CMYK(9.8%, 59.8%, 0.0%, 4.3%)

Does #DC62F4 meet WCAG contrast on white?

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

What text color is readable on #DC62F4?

Use 000000 text on a #DC62F4 background; contrast on black is 7.1:1.