#CC0EB8

#CC0EB8

カラー値

HEX

#CC0EB8

RGB

204, 14, 184

HSL

306.3, 87.2%, 42.7%

HSV

306.3, 93.1%, 80.0%

CMYK

0.0%, 93.1%, 9.8%, 20.0%

OKLCH

0.5842 0.256 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.

カラーハーモニー

補色

#CC0EB8

#0ECC22

類似色

#810ECC

#CC0E59

#CC0EB8

トライアド

#CC0EB8

#B8CC0E

#0EB8CC

スプリット補色

#CC0EB8

#59CC0E

#0ECC81

テトラード

#CC0EB8

#CC810E

#0ECC22

#0E59CC

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

オリジナル

#CC0EB8

第1色覚異常

#7A788F

第2色覚異常

#859385

第3色覚異常

#C26E67

全色盲

#434343

CSS使用法

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

Tailwindシェード

50
#FDF2FC
100
#FAE0F8
200
#FABCF4
300
#F78CEC
400
#F34EE2
500
#EF10D7
600
#BF0DAC
700
#990A8A
800
#77086C
900
#560A4E
950
#370732

コントラストチェッカー

白背景のテキスト

4.86:1

AA Pass AAA Fail

黒背景のテキスト

4.32:1

AA Fail AAA Fail

比較する

#CC0EB8
#0ECC22
#CC0EB8
#FFFFFF
#000000
#CC0EB8

関連記事

チュートリアル

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

RGB(204, 14, 184) · HSL(306.3, 87.2%, 42.7%) · CMYK(0.0%, 93.1%, 9.8%, 20.0%)

Does #CC0EB8 meet WCAG contrast on white?

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

What text color is readable on #CC0EB8?

Use FFFFFF text on a #CC0EB8 background; contrast on black is 4.32:1.