#D8335D

#D8335D

カラー値

HEX

#D8335D

RGB

216, 51, 93

HSL

344.7, 67.9%, 52.4%

HSV

344.7, 76.4%, 84.7%

CMYK

0.0%, 76.4%, 56.9%, 15.3%

OKLCH

0.5877 0.2003 11.6

プロパティ

色彩心理学

Vivid pinks project confidence, playfulness, and bold self-expression. They challenge traditional associations, carrying both the warmth of red and the creativity of violet. Hot pink in particular signals rebellion against conventions and unapologetic individuality.

Design Usage

Medium pink is effective for fashion brands, social media platforms, and marketing campaigns targeting Gen Z audiences. It makes impactful gradient elements when blended with purple or orange. Use it for accent buttons and promotional banners where energy and excitement should override corporate formality.

カラーハーモニー

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

CSS使用法

background-color: #D8335D;
color: #D8335D;
border-color: #D8335D;
最も近いTailwind: Rose 500 #F43F5E

Tailwindシェード

コントラストチェッカー

白背景のテキスト

4.61:1

AA Pass AAA Fail

黒背景のテキスト

4.55:1

AA Pass AAA Fail

比較する

関連記事

よくある質問

What are the RGB, HSL, and CMYK values of #D8335D?

RGB(216, 51, 93) · HSL(344.7, 67.9%, 52.4%) · CMYK(0.0%, 76.4%, 56.9%, 15.3%)

Does #D8335D meet WCAG contrast on white?

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

What text color is readable on #D8335D?

Use FFFFFF text on a #D8335D background; contrast on black is 4.55:1.