#F082DF

#F082DF

カラー値

HEX

#F082DF

RGB

240, 130, 223

HSL

309.3, 78.6%, 72.5%

HSV

309.3, 45.8%, 94.1%

CMYK

0.0%, 45.8%, 7.1%, 5.9%

OKLCH

0.7578 0.1745 333.2

プロパティ

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

カラーハーモニー

補色

#F082DF

#82F093

類似色

#CA82F0

#F082A8

#F082DF

トライアド

#F082DF

#DFF082

#82DFF0

スプリット補色

#F082DF

#A8F082

#82F0CA

テトラード

#F082DF

#F0CA82

#82F093

#82A8F0

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

オリジナル

#F082DF

第1色覚異常

#C0BFC9

第2色覚異常

#C7CFC3

第3色覚異常

#EAB7B3

全色盲

#A0A0A0

CSS使用法

background-color: #F082DF;
color: #F082DF;
border-color: #F082DF;
最も近いTailwind： Pink 400 #F472B6

Tailwindシェード

50
#FCF2FB
100
#F9E1F5
200
#F7BFEF
300
#F292E3
400
#EB56D4
500
#E41BC5
600
#B6169D
700
#92117E
800
#720E62
900
#530E48
950
#34092E

コントラストチェッカー

白背景のテキスト

2.34:1

AA Fail AAA Fail

黒背景のテキスト

8.96:1

AA Pass AAA Pass

比較する

#F082DF
#82F093
#F082DF
#FFFFFF
#000000
#F082DF

関連記事

チュートリアル

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

RGB(240, 130, 223) · HSL(309.3, 78.6%, 72.5%) · CMYK(0.0%, 45.8%, 7.1%, 5.9%)

Does #F082DF meet WCAG contrast on white?

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

What text color is readable on #F082DF?

Use 000000 text on a #F082DF background; contrast on black is 8.96:1.