#CE13BA

#CE13BA

カラー値

HEX

#CE13BA

RGB

206, 19, 186

HSL

306.4, 83.1%, 44.1%

HSV

306.4, 90.8%, 80.8%

CMYK

0.0%, 90.8%, 9.7%, 19.2%

OKLCH

0.5899 0.2562 333.9

プロパティ

暖色 暗い 最も近い： magenta 3

色彩心理学

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

カラーハーモニー

補色

#CE13BA

#13CE27

類似色

#8413CE

#CE135D

#CE13BA

トライアド

#CE13BA

#BACE13

#13BACE

スプリット補色

#CE13BA

#5DCE13

#13CE84

テトラード

#CE13BA

#CE8413

#13CE27

#135DCE

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

オリジナル

#CE13BA

第1色覚異常

#7D7B92

第2色覚異常

#889688

第3色覚異常

#C5726B

全色盲

#474747

CSS使用法

background-color: #CE13BA;
color: #CE13BA;
border-color: #CE13BA;
最も近いTailwind： Fuchsia 600 #C026D3

Tailwindシェード

50
#FDF2FC
100
#FAE1F7
200
#F9BEF3
300
#F58FEA
400
#EF52DE
500
#E916D3
600
#BB11A9
700
#950E87
800
#750B69
900
#550C4D
950
#350831

コントラストチェッカー

白背景のテキスト

4.74:1

AA Pass AAA Fail

黒背景のテキスト

4.43:1

AA Fail AAA Fail

比較する

#CE13BA
#13CE27
#CE13BA
#FFFFFF
#000000
#CE13BA

関連記事

チュートリアル

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

RGB(206, 19, 186) · HSL(306.4, 83.1%, 44.1%) · CMYK(0.0%, 90.8%, 9.7%, 19.2%)

Does #CE13BA meet WCAG contrast on white?

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

What text color is readable on #CE13BA?

Use FFFFFF text on a #CE13BA background; contrast on black is 4.43:1.