ColorTool
ログイン
#A58DAE

#a58dae ≈ Pastel Purple

  • マゼンタ
  • 明度: 中程度
  • 彩度: 低め
  • 寒色
コントラストを確認 グラフで探索 ランダムな色

#a58daeはマゼンタ系の色です（明度：中程度、彩度：低め）。 RGBでは赤64.71%、緑55.29%、青68.24%で構成され、CMYK印刷ではシアン5.17%、マゼンタ18.97%、イエロー0%、ブラック31.76%を使います。 HSLでは色相角283.64°、彩度16.92%、明度61.76%です。 寒色で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は7.02:1（WCAG AAA）です。 最も近い色名はPastel Purple（#b39eb5）で、ΔEは5.93です。

この色の測定値から自動生成した説明です。

HEX
RGB
RGB（%）
CMY
CMYK
HSL
HSV / HSB
Webセーフ#999999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
2進数
10進数
相対輝度0.3011

補色

  1. #a58dae
  2. #96ae8d

分裂補色

  1. #a58dae
  2. #a6ae8d
  3. #8dae94

類似色

  1. #948dae
  2. #a58dae
  3. #ae8da6

トライアド

  1. #a58dae
  2. #aea58d
  3. #8daea5

テトラード

  1. #a58dae
  2. #ae8d96
  3. #96ae8d
  4. #8daea5

スクエア

  1. #a58dae
  2. #ae948d
  3. #96ae8d
  4. #8da6ae

モノクロマティック

  1. #57435f
  2. #80638b
  3. #a58dae
  4. #c8bace
  5. #ece6ee

シェード

#a58daeに黒を段階的に混ぜた色です。

  1. #a58dae
  2. #957f9d
  3. #84718b
  4. #74637a
  5. #635568
  6. #534757
  7. #423846
  8. #322a34
  9. #211c23
  10. #110e11
  11. #000000

ティント

#a58daeに白を段階的に混ぜた色です。

  1. #a58dae
  2. #ae98b6
  3. #b7a4be
  4. #c0afc6
  5. #c9bbce
  6. #d2c6d7
  7. #dbd1df
  8. #e4dde7
  9. #ede8ef
  10. #f6f4f7
  11. #ffffff

トーン

#a58daeにグレーを段階的に混ぜた色です。

  1. #a58dae
  2. #a18ca9
  3. #9e8aa5
  4. #9a89a0
  5. #96889c
  6. #938797
  7. #8f8592
  8. #8b848e
  9. #878389
  10. #848185
  11. #808080

読みやすい文字 2.99:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 7.02:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #959595 男性の約0.003%
不完全1色覚 #9c92a0 男性の約0.001%
1型2色覚（P型） #8994af 男性の約1.01%
2型2色覚（D型） #8e96ad 男性の約1.27%
3型2色覚（T型） #a59098 男性の約0.0001%
1型3色覚（P型弱） #9591af 男性の約1.08%
2型3色覚（D型弱） #9892ad 男性の約4.63%
3型3色覚（T型弱） #a58fa1 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-a58dae {
  color: #a58dae;
}
背景色
.bg-a58dae {
  background-color: #a58dae;
  color: #000000;
}
枠線
.border-a58dae {
  border: 2px solid #a58dae;
}
CSS変数
:root {
  --color-primary: #a58dae;
  --color-primary-rgb: 165 141 174;
  --color-primary-hsl: 284 17% 62%;
}
グラデーション
.gradient-a58dae {
  background: linear-gradient(135deg, #a58dae, #ae8da6);
}
色付きの影
.shadow-a58dae {
  box-shadow: 0 8px 24px rgb(165 141 174 / 0.35);
}

#b39eb5 Pastel Purple ΔE 5.93 #aa98a9 Rose Quartz ΔE 6.33 #c8a2c8 Lilac ΔE 8.28 #997a8d Mountbatten Pink ΔE 8.36 #9678b6 Purple Mountain Majesty ΔE 9.68 #c9a0dc Wisteria ΔE 10.33 #8c92ac Cool Gray ΔE 11.44 #5a7251 反転色 #959595 グレースケール 

Pastel Purple
#a58dae  rgb(165, 141, 174)  hsl(284, 17%, 62%)  Pastel Purple
#96ae8d  rgb(150, 174, 141)  hsl(104, 17%, 62%)  Dark Sea Green
#aea58d  rgb(174, 165, 141)  hsl(44, 17%, 62%)  Ecru
#8daea5  rgb(141, 174, 165)  hsl(164, 17%, 62%)  Opal