#D69693

#D69693

カラー値

HEX

#D69693

RGB

214, 150, 147

HSL

2.7, 45.0%, 70.8%

HSV

2.7, 31.3%, 83.9%

CMYK

0.0%, 29.9%, 31.3%, 16.1%

OKLCH

0.7347 0.0778 22.1

プロパティ

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

カラーハーモニー

補色

#D69693

#93D3D6

類似色

#D693B2

#D6B893

#D69693

トライアド

#D69693

#93D696

#9693D6

スプリット補色

#D69693

#93D6B8

#93B2D6

テトラード

#D69693

#B2D693

#93D3D6

#B893D6

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

オリジナル

#D69693

第1色覚異常

#BABA94

第2色覚異常

#BEC394

第3色覚異常

#D39494

全色盲

#A3A3A3

CSS使用法

background-color: #D69693;
color: #D69693;
border-color: #D69693;
最も近いTailwind： Red 300 #FCA5A5

Tailwindシェード

50
#FAF5F4
100
#F4E7E6
200
#EBCDCB
300
#DDA9A6
400
#CB7A76
500
#B94B46
600
#943C38
700
#76302D
800
#5C2623
900
#441F1D
950
#2B1312

コントラストチェッカー

白背景のテキスト

2.43:1

AA Fail AAA Fail

黒背景のテキスト

8.64:1

AA Pass AAA Pass

比較する

#D69693
#93D3D6
#D69693
#FFFFFF
#000000
#D69693

関連記事

チュートリアル

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

RGB(214, 150, 147) · HSL(2.7, 45.0%, 70.8%) · CMYK(0.0%, 29.9%, 31.3%, 16.1%)

Does #D69693 meet WCAG contrast on white?

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

What text color is readable on #D69693?

Use 000000 text on a #D69693 background; contrast on black is 8.64:1.