ColorTool
ログイン
#AE3DA7

#ae3da7 ≈ Purpureus

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

#ae3da7はマゼンタ系の色です（明度：中程度、彩度：中程度）。 RGBでは赤68.24%、緑23.92%、青65.49%で構成され、CMYK印刷ではシアン0%、マゼンタ64.94%、イエロー4.02%、ブラック31.76%を使います。 HSLでは色相角303.72°、彩度48.09%、明度46.08%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は5.22:1（WCAG AA）です。 最も近い色名はPurpureus（#9a4eae）で、ΔEは5.02です。

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

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

補色

  1. #ae3da7
  2. #3dae44

分裂補色

  1. #ae3da7
  2. #6eae3d
  3. #3dae7d

類似色

  1. #7d3dae
  2. #ae3da7
  3. #ae3d6e

トライアド

  1. #ae3da7
  2. #a7ae3d
  3. #3da7ae

テトラード

  1. #ae3da7
  2. #ae443d
  3. #3dae44
  4. #3da7ae

スクエア

  1. #ae3da7
  2. #ae7d3d
  3. #3dae44
  4. #3d6eae

モノクロマティック

  1. #3d153a
  2. #752971
  3. #ae3da7
  4. #cb6cc6
  5. #dfa5dc

シェード

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

  1. #ae3da7
  2. #9d3796
  3. #8b3186
  4. #7a2b75
  5. #682564
  6. #571f54
  7. #461843
  8. #341232
  9. #230c21
  10. #110611
  11. #000000

ティント

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

  1. #ae3da7
  2. #b650b0
  3. #be64b9
  4. #c677c1
  5. #ce8bca
  6. #d79ed3
  7. #dfb1dc
  8. #e7c5e5
  9. #efd8ed
  10. #f7ecf6
  11. #ffffff

トーン

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

  1. #ae3da7
  2. #a944a3
  3. #a54a9f
  4. #a0519b
  5. #9c5897
  6. #975f94
  7. #926590
  8. #8e6c8c
  9. #897388
  10. #857984
  11. #808080

読みやすい文字 5.22:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 4.03:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #6c6c6c 男性の約0.003%
不完全1色覚 #8b5d88 男性の約0.001%
1型2色覚（P型） #3463aa 男性の約1.01%
2型2色覚（D型） #5c72a4 男性の約1.27%
3型2色覚（T型） #b4496d 男性の約0.0001%
1型3色覚（P型弱） #7956a9 男性の約1.08%
2型3色覚（D型弱） #8561a5 男性の約4.63%
3型3色覚（T型弱） #b24588 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-ae3da7 {
  color: #ae3da7;
}
背景色
.bg-ae3da7 {
  background-color: #ae3da7;
  color: #ffffff;
}
枠線
.border-ae3da7 {
  border: 2px solid #ae3da7;
}
CSS変数
:root {
  --color-primary: #ae3da7;
  --color-primary-rgb: 174 61 167;
  --color-primary-hsl: 304 48% 46%;
}
グラデーション
.gradient-ae3da7 {
  background: linear-gradient(135deg, #ae3da7, #ae3d6e);
}
色付きの影
.shadow-ae3da7 {
  box-shadow: 0 8px 24px rgb(174 61 167 / 0.35);
}

#9a4eae Purpureus ΔE 5.02 #8e4585 Deep Plum ΔE 7.83 #9932cc Dark Orchid ΔE 8.96 #c71585 Medium Violet Red ΔE 9.12 #ba55d3 Medium Orchid ΔE 9.31 #c54b8c Mulberry ΔE 10.51 #8b008b Dark Magenta ΔE 11.59 #51c258 反転色 #6c6c6c グレースケール 

Purpureus
#ae3da7  rgb(174, 61, 167)  hsl(304, 48%, 46%)  Purpureus
#3dae44  rgb(61, 174, 68)  hsl(124, 48%, 46%)  Kelly Green
#a7ae3d  rgb(167, 174, 61)  hsl(64, 48%, 46%)  Brass
#3da7ae  rgb(61, 167, 174)  hsl(184, 48%, 46%)  Cadet Blue