ColorTool
ログイン
#EC1407

#ec1407 ≈ Lust

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

#ec1407は赤系の色です（明度：中程度、彩度：とても高い）。 RGBでは赤92.55%、緑7.84%、青2.75%で構成され、CMYK印刷ではシアン0%、マゼンタ91.53%、イエロー97.03%、ブラック7.45%を使います。 HSLでは色相角3.41°、彩度94.24%、明度47.65%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は4.67:1（WCAG AA）です。 最も近い色名はLust（#e62020）で、ΔEは3.36です。

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

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

補色

  1. #ec1407
  2. #07dfec

分裂補色

  1. #ec1407
  2. #07ec87
  3. #076cec

類似色

  1. #ec076c
  2. #ec1407
  3. #ec8707

トライアド

  1. #ec1407
  2. #07ec14
  3. #1407ec

テトラード

  1. #ec1407
  2. #dfec07
  3. #07dfec
  4. #1407ec

スクエア

  1. #ec1407
  2. #6cec07
  3. #07dfec
  4. #8707ec

モノクロマティック

  1. #570703
  2. #a20e05
  3. #ec1407
  4. #fa5046
  5. #fc9690

シェード

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

  1. #ec1407
  2. #d41206
  3. #bd1006
  4. #a50e05
  5. #8e0c04
  6. #760a04
  7. #5e0803
  8. #470602
  9. #2f0401
  10. #180201
  11. #000000

ティント

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

  1. #ec1407
  2. #ee2c20
  3. #f04339
  4. #f25b51
  5. #f4726a
  6. #f68a83
  7. #f7a19c
  8. #f9b9b5
  9. #fbd0cd
  10. #fde8e6
  11. #ffffff

トーン

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

  1. #ec1407
  2. #e11f13
  3. #d62a1f
  4. #cc342b
  5. #c13f37
  6. #b64a44
  7. #ab5550
  8. #a0605c
  9. #966a68
  10. #8b7574
  11. #808080

読みやすい文字 4.5:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 4.67:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #777777 男性の約0.003%
不完全1色覚 #b25e5e 男性の約0.001%
1型2色覚（P型） #675a00 男性の約1.01%
2型2色覚（D型） #988600 男性の約1.27%
3型2色覚（T型） #ff0019 男性の約0.0001%
1型3色覚（P型弱） #ad4700 男性の約1.08%
2型3色覚（D型弱） #bf6b00 男性の約4.63%
3型3色覚（T型弱） #fb0013 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-ec1407 {
  color: #ec1407;
}
背景色
.bg-ec1407 {
  background-color: #ec1407;
  color: #000000;
}
枠線
.border-ec1407 {
  border: 2px solid #ec1407;
}
CSS変数
:root {
  --color-primary: #ec1407;
  --color-primary-rgb: 236 20 7;
  --color-primary-hsl: 3 94% 48%;
}
グラデーション
.gradient-ec1407 {
  background: linear-gradient(135deg, #ec1407, #ec8707);
}
色付きの影
.shadow-ec1407 {
  box-shadow: 0 8px 24px rgb(236 20 7 / 0.35);
}

#e62020 Lust ΔE 3.36 #ff0000 Red ΔE 3.62 #ff0800 Candy Apple Red ΔE 3.77 #ff2400 Scarlet ΔE 4.93 #ff2800 Ferrari Red ΔE 5.23 #d40000 Rosso Corsa ΔE 5.65 #e30022 Cadmium Red ΔE 5.68 #13ebf8 反転色 #777777 グレースケール 

Lust
#ec1407  rgb(236, 20, 7)  hsl(3, 94%, 48%)  Lust
#07dfec  rgb(7, 223, 236)  hsl(183, 94%, 48%)  Dark Turquoise
#07ec14  rgb(7, 236, 20)  hsl(123, 94%, 48%)  Lime
#1407ec  rgb(20, 7, 236)  hsl(243, 94%, 48%)  Blue