ColorTool
ログイン
#BF71C5

#bf71c5 ≈ Orchid

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

#bf71c5はマゼンタ系の色です（明度：中程度、彩度：中程度）。 RGBでは赤74.9%、緑44.31%、青77.25%で構成され、CMYK印刷ではシアン3.05%、マゼンタ42.64%、イエロー0%、ブラック22.75%を使います。 HSLでは色相角295.71°、彩度42%、明度60.78%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.38:1（WCAG AA）です。 最も近い色名はOrchid（#da70d6）で、ΔEは4.91です。

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

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

補色

  1. #bf71c5
  2. #77c571

分裂補色

  1. #bf71c5
  2. #a1c571
  3. #71c595

類似色

  1. #9571c5
  2. #bf71c5
  3. #c571a1

トライアド

  1. #bf71c5
  2. #c5bf71
  3. #71c5bf

テトラード

  1. #bf71c5
  2. #c57177
  3. #77c571
  4. #71c5bf

スクエア

  1. #bf71c5
  2. #c59571
  3. #77c571
  4. #71a1c5

モノクロマティック

  1. #6b2e6f
  2. #9f44a6
  3. #bf71c5
  4. #d7a7db
  5. #f0def1

シェード

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

  1. #bf71c5
  2. #ac66b1
  3. #995a9e
  4. #864f8a
  5. #734476
  6. #603963
  7. #4c2d4f
  8. #39223b
  9. #261727
  10. #130b14
  11. #000000

ティント

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

  1. #bf71c5
  2. #c57fcb
  3. #cc8dd1
  4. #d29cd6
  5. #d9aadc
  6. #dfb8e2
  7. #e5c6e8
  8. #ecd4ee
  9. #f2e3f3
  10. #f9f1f9
  11. #ffffff

トーン

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

  1. #bf71c5
  2. #b973be
  3. #b274b7
  4. #ac76b0
  5. #a677a9
  6. #a079a3
  7. #997a9c
  8. #937c95
  9. #8d7d8e
  10. #867f87
  11. #808080

読みやすい文字 3.29:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.38:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8e8e8e 男性の約0.003%
不完全1色覚 #a483a7 男性の約0.001%
1型2色覚（P型） #6888c8 男性の約1.01%
2型2色覚（D型） #7d91c2 男性の約1.27%
3型2色覚（T型） #c27a92 男性の約0.0001%
1型3色覚（P型弱） #937fc7 男性の約1.08%
2型3色覚（D型弱） #9c85c3 男性の約4.63%
3型3色覚（T型弱） #c177a9 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#da70d6 Orchid ΔE 4.91 #b57edc Floral Lavender ΔE 6.14 #cf71af Sky Magenta ΔE 6.97 #ba55d3 Medium Orchid ΔE 7.70 #9678b6 Purple Mountain Majesty ΔE 9.11 #df73ff Heliotrope ΔE 9.48 #9966cc Amethyst ΔE 9.57 #408e3a 反転色 #8e8e8e グレースケール 

Orchid
#bf71c5  rgb(191, 113, 197)  hsl(296, 42%, 61%)  Orchid
#77c571  rgb(119, 197, 113)  hsl(116, 42%, 61%)  Mantis
#c5bf71  rgb(197, 191, 113)  hsl(56, 42%, 61%)  Dark Khaki
#71c5bf  rgb(113, 197, 191)  hsl(176, 42%, 61%)  Medium Turquoise