#DA68EB

#DA68EB

カラー値

HEX

#DA68EB

RGB

218, 104, 235

HSL

292.2, 76.6%, 66.5%

HSV

292.2, 55.7%, 92.2%

CMYK

7.2%, 55.7%, 0.0%, 7.8%

OKLCH

0.7019 0.2124 322.3

プロパティ

寒色 明るい 最も近い： 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.

カラーハーモニー

補色

#DA68EB

#79EB68

類似色

#9968EB

#EB68BB

#DA68EB

トライアド

#DA68EB

#EBDA68

#68EBDA

スプリット補色

#DA68EB

#BBEB68

#68EB99

テトラード

#DA68EB

#EB9968

#79EB68

#68BBEB

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

オリジナル

#DA68EB

第1色覚異常

#A9A8CB

第2色覚異常

#AFB8C4

第3色覚異常

#D4B2AD

全色盲

#8A8A8A

CSS使用法

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

Tailwindシェード

50
#FBF2FC
100
#F6E2F9
200
#F0C0F7
300
#E493F1
400
#D658E9
500
#C81EE1
600
#A018B4
700
#801390
800
#640F71
900
#490F52
950
#2E0A34

コントラストチェッカー

白背景のテキスト

2.93:1

AA Fail AAA Fail

黒背景のテキスト

7.16:1

AA Pass AAA Pass

比較する

#DA68EB
#79EB68
#DA68EB
#FFFFFF
#000000
#DA68EB

関連記事

チュートリアル

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

RGB(218, 104, 235) · HSL(292.2, 76.6%, 66.5%) · CMYK(7.2%, 55.7%, 0.0%, 7.8%)

Does #DA68EB meet WCAG contrast on white?

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

What text color is readable on #DA68EB?

Use 000000 text on a #DA68EB background; contrast on black is 7.16:1.