ColorTool
ログイン
#B44DCF

#b44dcf ≈ Medium Orchid

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

#b44dcfはマゼンタ系の色です（明度：中程度、彩度：高め）。 RGBでは赤70.59%、緑30.2%、青81.18%で構成され、CMYK印刷ではシアン13.04%、マゼンタ62.8%、イエロー0%、ブラック18.82%を使います。 HSLでは色相角287.54°、彩度57.52%、明度55.69%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は4.9:1（WCAG AA）です。 最も近い色名はMedium Orchid（#ba55d3）で、ΔEは2.37です。

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

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

補色

  1. #b44dcf
  2. #68cf4d

分裂補色

  1. #b44dcf
  2. #a9cf4d
  3. #4dcf73

類似色

  1. #734dcf
  2. #b44dcf
  3. #cf4da9

トライアド

  1. #b44dcf
  2. #cfb44d
  3. #4dcfb4

テトラード

  1. #b44dcf
  2. #cf4d68
  3. #68cf4d
  4. #4dcfb4

スクエア

  1. #b44dcf
  2. #cf734d
  3. #68cf4d
  4. #4da9cf

モノクロマティック

  1. #581c67
  2. #8b2ca3
  3. #b44dcf
  4. #cd89df
  5. #e7c6ef

シェード

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

  1. #b44dcf
  2. #a245ba
  3. #903ea6
  4. #7e3691
  5. #6c2e7c
  6. #5a2768
  7. #481f53
  8. #36173e
  9. #240f29
  10. #120815
  11. #000000

ティント

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

  1. #b44dcf
  2. #bc5fd4
  3. #c371d9
  4. #cb82dd
  5. #d294e2
  6. #daa6e7
  7. #e1b8ec
  8. #e9caf1
  9. #f0dbf5
  10. #f8edfa
  11. #ffffff

トーン

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

  1. #b44dcf
  2. #af52c7
  3. #aa57bf
  4. #a45cb7
  5. #9f61af
  6. #9a67a8
  7. #956ca0
  8. #907198
  9. #8a7690
  10. #857b88
  11. #808080

読みやすい文字 4.28:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 4.9:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #7a7a7a 男性の約0.003%
不完全1色覚 #956ba3 男性の約0.001%
1型2色覚（P型） #2673d3 男性の約1.01%
2型2色覚（D型） #547ecc 男性の約1.27%
3型2色覚（T型） #b46387 男性の約0.0001%
1型3色覚（P型弱） #7a66d1 男性の約1.08%
2型3色覚（D型弱） #856dcd 男性の約4.63%
3型3色覚（T型弱） #b45ba9 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-b44dcf {
  color: #b44dcf;
}
背景色
.bg-b44dcf {
  background-color: #b44dcf;
  color: #000000;
}
枠線
.border-b44dcf {
  border: 2px solid #b44dcf;
}
CSS変数
:root {
  --color-primary: #b44dcf;
  --color-primary-rgb: 180 77 207;
  --color-primary-hsl: 288 58% 56%;
}
グラデーション
.gradient-b44dcf {
  background: linear-gradient(135deg, #b44dcf, #cf4da9);
}
色付きの影
.shadow-b44dcf {
  box-shadow: 0 8px 24px rgb(180 77 207 / 0.35);
}

#ba55d3 Medium Orchid ΔE 2.37 #9a4eae Purpureus ΔE 6.64 #9966cc Amethyst ΔE 7.07 #bf00ff Electric Purple ΔE 7.91 #9932cc Dark Orchid ΔE 8.47 #9370db Medium Purple ΔE 10.65 #9f00ff Vivid Violet ΔE 11.17 #4bb230 反転色 #7a7a7a グレースケール 

Medium Orchid
#b44dcf  rgb(180, 77, 207)  hsl(288, 58%, 56%)  Medium Orchid
#68cf4d  rgb(104, 207, 77)  hsl(108, 58%, 56%)  Lime Green
#cfb44d  rgb(207, 180, 77)  hsl(48, 58%, 56%)  Old Gold
#4dcfb4  rgb(77, 207, 180)  hsl(168, 58%, 56%)  Medium Aquamarine