#CF94AF

#CF94AF

カラー値

HEX

#CF94AF

RGB

207, 148, 175

HSL

332.5, 38.1%, 69.6%

HSV

332.5, 28.5%, 81.2%

CMYK

0.0%, 28.5%, 15.5%, 18.8%

OKLCH

0.7316 0.079 350.2

プロパティ

暖色 明るい 最も近い： pink 3

色彩心理学

Light pinks represent unconditional love, compassion, and nurturing energy. Known as the most calming color, Baker-Miller pink was famously used in prison cells to reduce aggression. Soft pink tones lower muscle tension and anxiety, creating an atmosphere of gentle reassurance.

Design Usage

Soft pink is widely used in beauty, wellness, and direct-to-consumer brands targeting younger demographics. It creates inviting landing pages and product cards that feel approachable and modern. Combine it with deep charcoal text and white space for a minimal, contemporary aesthetic.

カラーハーモニー

補色

#CF94AF

#94CFB4

類似色

#CF94CD

#CF9694

#CF94AF

トライアド

#CF94AF

#AFCF94

#94AFCF

スプリット補色

#CF94AF

#94CF96

#94CDCF

テトラード

#CF94AF

#CDCF94

#94CFB4

#9694CF

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

オリジナル

#CF94AF

第1色覚異常

#B5B5A8

第2色覚異常

#B9BDA7

第3色覚異常

#CCA3A2

全色盲

#A2A2A2

CSS使用法

background-color: #CF94AF;
color: #CF94AF;
border-color: #CF94AF;
最も近いTailwind： Pink 300 #F9A8D4

Tailwindシェード

50
#FAF5F7
100
#F3E7ED
200
#E9CEDA
300
#D9AAC0
400
#C57D9E
500
#B04F7B
600
#8D3F63
700
#71334F
800
#58273E
900
#41202F
950
#29141E

コントラストチェッカー

白背景のテキスト

2.47:1

AA Fail AAA Fail

黒背景のテキスト

8.51:1

AA Pass AAA Pass

比較する

#CF94AF
#94CFB4
#CF94AF
#FFFFFF
#000000
#CF94AF

関連記事

チュートリアル

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

RGB(207, 148, 175) · HSL(332.5, 38.1%, 69.6%) · CMYK(0.0%, 28.5%, 15.5%, 18.8%)

Does #CF94AF meet WCAG contrast on white?

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

What text color is readable on #CF94AF?

Use 000000 text on a #CF94AF background; contrast on black is 8.51:1.