ColorTool
ログイン
#B252E4

#b252e4 ≈ Medium Orchid

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

#b252e4は紫系の色です（明度：中程度、彩度：高め）。 RGBでは赤69.8%、緑32.16%、青89.41%で構成され、CMYK印刷ではシアン21.93%、マゼンタ64.04%、イエロー0%、ブラック10.59%を使います。 HSLでは色相角279.45°、彩度73%、明度60.78%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は5.22:1（WCAG AA）です。 最も近い色名はMedium Orchid（#ba55d3）で、ΔEは3.56です。

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

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

補色

  1. #b252e4
  2. #84e452

分裂補色

  1. #b252e4
  2. #cde452
  3. #52e469

類似色

  1. #6952e4
  2. #b252e4
  3. #e452cd

トライアド

  1. #b252e4
  2. #e4b252
  3. #52e4b2

テトラード

  1. #b252e4
  2. #e45284
  3. #84e452
  4. #52e4b2

スクエア

  1. #b252e4
  2. #e46952
  3. #84e452
  4. #52cde4

モノクロマティック

  1. #611588
  2. #9020ca
  3. #b252e4
  4. #cf94ee
  5. #edd6f9

シェード

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

  1. #b252e4
  2. #a04acd
  3. #8e42b6
  4. #7d39a0
  5. #6b3189
  6. #592972
  7. #47215b
  8. #351944
  9. #24102e
  10. #120817
  11. #000000

ティント

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

  1. #b252e4
  2. #ba63e7
  3. #c175e9
  4. #c986ec
  5. #d197ef
  6. #d9a9f2
  7. #e0baf4
  8. #e8cbf7
  9. #f0dcfa
  10. #f7eefc
  11. #ffffff

トーン

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

  1. #b252e4
  2. #ad57da
  3. #a85bd0
  4. #a360c6
  5. #9e64bc
  6. #9969b2
  7. #946ea8
  8. #8f729e
  9. #8a7794
  10. #857b8a
  11. #808080

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

1色覚（全色盲） #7f7f7f 男性の約0.003%
不完全1色覚 #966fb1 男性の約0.001%
1型2色覚（P型） #007ae8 男性の約1.01%
2型2色覚（D型） #4581e1 男性の約1.27%
3型2色覚（T型） #ac6f94 男性の約0.0001%
1型3色覚（P型弱） #756ce7 男性の約1.08%
2型3色覚（D型弱） #7f71e2 男性の約4.63%
3型3色覚（T型弱） #af64b9 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-b252e4 {
  color: #b252e4;
}
背景色
.bg-b252e4 {
  background-color: #b252e4;
  color: #000000;
}
枠線
.border-b252e4 {
  border: 2px solid #b252e4;
}
CSS変数
:root {
  --color-primary: #b252e4;
  --color-primary-rgb: 178 82 228;
  --color-primary-hsl: 279 73% 61%;
}
グラデーション
.gradient-b252e4 {
  background: linear-gradient(135deg, #b252e4, #e452cd);
}
色付きの影
.shadow-b252e4 {
  box-shadow: 0 8px 24px rgb(178 82 228 / 0.35);
}

#ba55d3 Medium Orchid ΔE 3.56 #9966cc Amethyst ΔE 6.40 #bf00ff Electric Purple ΔE 6.92 #9370db Medium Purple ΔE 8.73 #9a4eae Purpureus ΔE 9.37 #9932cc Dark Orchid ΔE 9.62 #9f00ff Vivid Violet ΔE 10.48 #4dad1b 反転色 #7f7f7f グレースケール 

Medium Orchid
#b252e4  rgb(178, 82, 228)  hsl(279, 73%, 61%)  Medium Orchid
#84e452  rgb(132, 228, 82)  hsl(99, 73%, 61%)  Inchworm
#e4b252  rgb(228, 178, 82)  hsl(39, 73%, 61%)  Meat Brown
#52e4b2  rgb(82, 228, 178)  hsl(159, 73%, 61%)  Medium Aquamarine