ColorTool
ログイン
#D74FFD

#d74ffd ≈ Fuchsia

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

#d74ffdはマゼンタ系の色です（明度：高い、彩度：高め）。 RGBでは赤84.31%、緑30.98%、青99.22%で構成され、CMYK印刷ではシアン15.02%、マゼンタ68.77%、イエロー0%、ブラック0.78%を使います。 HSLでは色相角286.9°、彩度97.75%、明度65.1%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は6.43:1（WCAG AA）です。 最も近い色名はFuchsia（#ff00ff）で、ΔEは5.82です。

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

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

補色

  1. #d74ffd
  2. #75fd4f

分裂補色

  1. #d74ffd
  2. #ccfd4f
  3. #4ffd80

類似色

  1. #804ffd
  2. #d74ffd
  3. #fd4fcc

トライアド

  1. #d74ffd
  2. #fdd74f
  3. #4ffdd7

テトラード

  1. #d74ffd
  2. #fd4f75
  3. #75fd4f
  4. #4ffdd7

スクエア

  1. #d74ffd
  2. #fd804f
  3. #75fd4f
  4. #4fccfd

モノクロマティック

  1. #8b02b1
  2. #c603fc
  3. #d74ffd
  4. #e89bfe
  5. #f9e6ff

シェード

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

  1. #d74ffd
  2. #c247e4
  3. #ac3fca
  4. #9737b1
  5. #812f98
  6. #6c287f
  7. #562065
  8. #41184c
  9. #2b1033
  10. #160819
  11. #000000

ティント

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

  1. #d74ffd
  2. #db61fd
  3. #df72fd
  4. #e384fe
  5. #e795fe
  6. #eba7fe
  7. #efb9fe
  8. #f3cafe
  9. #f7dcff
  10. #fbedff
  11. #ffffff

トーン

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

  1. #d74ffd
  2. #ce54f1
  3. #c659e4
  4. #bd5ed8
  5. #b463cb
  6. #ac68bf
  7. #a36cb2
  8. #9a71a6
  9. #917699
  10. #897b8d
  11. #808080

読みやすい文字 3.27:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.43:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8e8e8e 男性の約0.003%
不完全1色覚 #b07ac5 男性の約0.001%
1型2色覚（P型） #0086ff 男性の約1.01%
2型2色覚（D型） #5692f9 男性の約1.27%
3型2色覚（T型） #d671a1 男性の約0.0001%
1型3色覚（P型弱） #8c74ff 男性の約1.08%
2型3色覚（D型弱） #9b7dfb 男性の約4.63%
3型3色覚（T型弱） #d665cc 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-d74ffd {
  color: #d74ffd;
}
背景色
.bg-d74ffd {
  background-color: #d74ffd;
  color: #000000;
}
枠線
.border-d74ffd {
  border: 2px solid #d74ffd;
}
CSS変数
:root {
  --color-primary: #d74ffd;
  --color-primary-rgb: 215 79 253;
  --color-primary-hsl: 287 98% 65%;
}
グラデーション
.gradient-d74ffd {
  background: linear-gradient(135deg, #d74ffd, #fd4fcc);
}
色付きの影
.shadow-d74ffd {
  box-shadow: 0 8px 24px rgb(215 79 253 / 0.35);
}

#ff00ff Fuchsia ΔE 5.82 #ff00ff Magenta ΔE 5.82 #df73ff Heliotrope ΔE 6.63 #ba55d3 Medium Orchid ΔE 6.82 #da70d6 Orchid ΔE 8.93 #bf00ff Electric Purple ΔE 9.63 #b57edc Floral Lavender ΔE 10.46 #28b002 反転色 #8e8e8e グレースケール 

Fuchsia
#d74ffd  rgb(215, 79, 253)  hsl(287, 98%, 65%)  Fuchsia
#75fd4f  rgb(117, 253, 79)  hsl(107, 98%, 65%)  Neon Green
#fdd74f  rgb(253, 215, 79)  hsl(47, 98%, 65%)  Mustard
#4ffdd7  rgb(79, 253, 215)  hsl(167, 98%, 65%)  Aquamarine