ColorTool
ログイン
#ED25C8

#ed25c8 ≈ Shocking Pink

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

#ed25c8はマゼンタ系の色です（明度：中程度、彩度：とても高い）。 RGBでは赤92.94%、緑14.51%、青78.43%で構成され、CMYK印刷ではシアン0%、マゼンタ84.39%、イエロー15.61%、ブラック7.06%を使います。 HSLでは色相角311.1°、彩度84.75%、明度53.73%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は5.7:1（WCAG AA）です。 最も近い色名はShocking Pink（#fc0fc0）で、ΔEは3.05です。

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

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

補色

  1. #ed25c8
  2. #25ed4a

分裂補色

  1. #ed25c8
  2. #64ed25
  3. #25edae

類似色

  1. #ae25ed
  2. #ed25c8
  3. #ed2564

トライアド

  1. #ed25c8
  2. #c8ed25
  3. #25c8ed

テトラード

  1. #ed25c8
  2. #ed4a25
  3. #25ed4a
  4. #25c8ed

スクエア

  1. #ed25c8
  2. #edae25
  3. #25ed4a
  4. #2564ed

モノクロマティック

  1. #70095d
  2. #b60f97
  3. #ed25c8
  4. #f36cda
  5. #f9b2ec

シェード

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

  1. #ed25c8
  2. #d521b4
  3. #be1ea0
  4. #a61a8c
  5. #8e1678
  6. #771364
  7. #5f0f50
  8. #470b3c
  9. #2f0728
  10. #180414
  11. #000000

ティント

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

  1. #ed25c8
  2. #ef3bce
  3. #f151d3
  4. #f266d9
  5. #f47cde
  6. #f692e4
  7. #f8a8e9
  8. #fabeef
  9. #fbd3f4
  10. #fde9fa
  11. #ffffff

トーン

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

  1. #ed25c8
  2. #e22ec1
  3. #d737ba
  4. #cc40b2
  5. #c149ab
  6. #b753a4
  7. #ac5c9d
  8. #a16596
  9. #966e8e
  10. #8b7787
  11. #808080

読みやすい文字 3.68:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.7:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #858585 男性の約0.003%
不完全1色覚 #b86ba4 男性の約0.001%
1型2色覚（P型） #3072cc 男性の約1.01%
2型2色覚（D型） #7a90c4 男性の約1.27%
3型2色覚（T型） #fa3579 男性の約0.0001%
1型3色覚（P型弱） #a15dca 男性の約1.08%
2型3色覚（D型弱） #b474c5 男性の約4.63%
3型3色覚（T型弱） #f5309f 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-ed25c8 {
  color: #ed25c8;
}
背景色
.bg-ed25c8 {
  background-color: #ed25c8;
  color: #000000;
}
枠線
.border-ed25c8 {
  border: 2px solid #ed25c8;
}
CSS変数
:root {
  --color-primary: #ed25c8;
  --color-primary-rgb: 237 37 200;
  --color-primary-hsl: 311 85% 54%;
}
グラデーション
.gradient-ed25c8 {
  background: linear-gradient(135deg, #ed25c8, #ed2564);
}
色付きの影
.shadow-ed25c8 {
  box-shadow: 0 8px 24px rgb(237 37 200 / 0.35);
}

#fc0fc0 Shocking Pink ΔE 3.05 #ff00ff Fuchsia ΔE 7.52 #ff00ff Magenta ΔE 7.52 #fe28a2 Persian Rose ΔE 8.43 #ba55d3 Medium Orchid ΔE 9.18 #da70d6 Orchid ΔE 9.67 #ff43a4 Wild Strawberry ΔE 9.97 #12da37 反転色 #858585 グレースケール 

Shocking Pink
#ed25c8  rgb(237, 37, 200)  hsl(311, 85%, 54%)  Shocking Pink
#25ed4a  rgb(37, 237, 74)  hsl(131, 85%, 54%)  Malachite
#c8ed25  rgb(200, 237, 37)  hsl(71, 85%, 54%)  Pear
#25c8ed  rgb(37, 200, 237)  hsl(191, 85%, 54%)  Sky Blue