薄紫

灰みを少し含んだ、明るくやわらかな紫です。上品で落ち着いた雰囲気があり、子ども部屋やウェブの背景にも使いやすい色です。春の小物やステーショナリーでも人気です。

別名：ライトパープル, 淡い紫

エディタで開く

薄紫を試してみる

服・ネイル・髪色・部屋・車・スマホケースで、薄紫がどう見えるかをチェック。

明るさ

合わせる色

薄紫のHEXコードは#CBC3E3です。RGBではrgb(203, 195, 227)、HSLではhsl(255, 36%, 83%)、CMYKでは11, 14, 0, 11となります。

薄紫に近い色とカラーコード

シスル#D8BFD8 パステルライラック#DCD0FF ペリウィンクル#CCCCFF ライラック#C8A2C8 パステルブルー#AEC6CF シルバー#C0C0C0 藤色ふじいろ · #BBBCDE 藤鼠ふじねず · #A6A5C4 紅藤べにふじ · #CCA6BF 半色はしたいろ · #A69ABD 鴇鼠ときねず · #E4D2D8 桜鼠さくらねず · #E9DFE5

薄紫の基本情報

薄紫（#CBC3E3）は、寒色系・明るめ・中くらいの彩度の色です。紫系の色のグループに属します。RGBの値は赤203・緑195・青227（各255段階）。主な用途：子ども向け, インテリア, ウェブ。

薄紫の色見本と明るい色から暗い色までのグラデーション · #CBC3E3 — 薄紫 · #CBC3E3

薄紫の濃淡：明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

この色の濃淡を見る: カラースケール生成ツール

薄紫を使ったコーデ配色

パーソナルカラー×季節別に、薄紫（または近い色）を使ったコーデをまとめました。

ブルベ夏の春コーデグレーネイビー・ラベンダー・ローズピンク

薄紫の配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色：パールホワイト

類似色近い色：シスル

トライアド近い色：ボーンホワイト, ダックエッグブルー

スプリット・コンプリメンタリー近い色：オートミール, ベージュ

テトラード近い色：ローズクォーツ, パールホワイト, パウダーブルー

薄紫を使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · 薄紫

類似色パレット · 薄紫

補色パレット · 薄紫

トライアドパレット · 薄紫

ニュートラルカラー入りパレット · 薄紫

アクセントカラー入りパレット · 薄紫

薄紫と文字色のコントラスト

白い文字コントラスト比 1.7:1 · 非推奨

黒い文字コントラスト比 12.5:1 · AAA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --light-purple: #CBC3E3;
  --light-purple-rgb: 203, 195, 227;
}
.bg { background-color: var(--light-purple); }
.text { color: var(--light-purple); }

薄紫に近い色

ライトグレーパールグレー杢グレーパステルピンク

この色を使ったテーマ別パレット

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る カメラでパーソナルカラー診断カメラや自撮り写真で肌・髪・瞳の色から判定 写真の色を伝統色で写真の5色を、日本の伝統色の名前で表す

無料診断・ツールをすべて見る →

よくある質問

薄紫のカラーコードは？