ColorTool
ログイン
#EF5271

#ef5271 ≈ Neon Fuchsia

  • 赤
  • 明度: 高い
  • 彩度: 高め
  • 暖色
コントラストを確認 グラフで探索 ランダムな色

#ef5271は赤系の色です（明度：高い、彩度：高め）。 RGBでは赤93.73%、緑32.16%、青44.31%で構成され、CMYK印刷ではシアン0%、マゼンタ65.69%、イエロー52.72%、ブラック6.27%を使います。 HSLでは色相角348.15°、彩度83.07%、明度62.94%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は6.12:1（WCAG AA）です。 最も近い色名はNeon Fuchsia（#fe4164）で、ΔEは3.74です。

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

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

補色

  1. #ef5271
  2. #52efd0

分裂補色

  1. #ef5271
  2. #52ef81
  3. #52c0ef

類似色

  1. #ef52c0
  2. #ef5271
  3. #ef8152

トライアド

  1. #ef5271
  2. #71ef52
  3. #5271ef

テトラード

  1. #ef5271
  2. #efd052
  3. #52efd0
  4. #5271ef

スクエア

  1. #ef5271
  2. #c0ef52
  3. #52efd0
  4. #8152ef

モノクロマティック

  1. #9a0e2a
  2. #e0153d
  3. #ef5271
  4. #f598aa
  5. #fcdee4

シェード

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

  1. #ef5271
  2. #d74a66
  3. #bf425a
  4. #a7394f
  5. #8f3144
  6. #782939
  7. #60212d
  8. #481922
  9. #301017
  10. #18080b
  11. #000000

ティント

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

  1. #ef5271
  2. #f1637f
  3. #f2758d
  4. #f4869c
  5. #f597aa
  6. #f7a9b8
  7. #f9bac6
  8. #facbd4
  9. #fcdce3
  10. #fdeef1
  11. #ffffff

トーン

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

  1. #ef5271
  2. #e45773
  3. #d95b74
  4. #ce6076
  5. #c36477
  6. #b86979
  7. #ac6e7a
  8. #a1727c
  9. #96777d
  10. #8b7b7f
  11. #808080

読みやすい文字 3.43:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.12:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8a8a8a 男性の約0.003%
不完全1色覚 #bb7881 男性の約0.001%
1型2色覚（P型） #787671 男性の約1.01%
2型2色覚（D型） #a0966d 男性の約1.27%
3型2色覚（T型） #ff355e 男性の約0.0001%
1型3色覚（P型弱） #b46971 男性の約1.08%
2型3色覚（D型弱） #c5806f 男性の約4.63%
3型3色覚（T型弱） #fc4266 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#fe4164 Neon Fuchsia ΔE 3.74 #de5d83 Blush ΔE 5.77 #f64a8a French Rose ΔE 6.80 #de3163 Cerise ΔE 7.39 #ff004f Folly ΔE 7.59 #e52b50 Amaranth ΔE 7.97 #e3256b Razzmatazz ΔE 8.35 #10ad8e 反転色 #8a8a8a グレースケール 

Neon Fuchsia
#ef5271  rgb(239, 82, 113)  hsl(348, 83%, 63%)  Neon Fuchsia
#52efd0  rgb(82, 239, 208)  hsl(168, 83%, 63%)  Turquoise
#71ef52  rgb(113, 239, 82)  hsl(108, 83%, 63%)  Neon Green
#5271ef  rgb(82, 113, 239)  hsl(228, 83%, 63%)  Ultramarine Blue