ColorTool
ログイン
#E14942

#e14942 ≈ Cinnabar

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

#e14942は赤系の色です（明度：中程度、彩度：高め）。 RGBでは赤88.24%、緑28.63%、青25.88%で構成され、CMYK印刷ではシアン0%、マゼンタ67.56%、イエロー70.67%、ブラック11.76%を使います。 HSLでは色相角2.64°、彩度72.6%、明度57.06%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は5.23:1（WCAG AA）です。 最も近い色名はCinnabar（#e34234）で、ΔEは2.82です。

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

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

補色

  1. #e14942
  2. #42dae1

分裂補色

  1. #e14942
  2. #42e198
  3. #428be1

類似色

  1. #e1428b
  2. #e14942
  3. #e19842

トライアド

  1. #e14942
  2. #42e149
  3. #4942e1

テトラード

  1. #e14942
  2. #dae142
  3. #42dae1
  4. #4942e1

スクエア

  1. #e14942
  2. #8be142
  3. #42dae1
  4. #9842e1

モノクロマティック

  1. #771713
  2. #b9241d
  3. #e14942
  4. #eb8984
  5. #f6c8c6

シェード

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

  1. #e14942
  2. #cb423b
  3. #b43a35
  4. #9e332e
  5. #872c28
  6. #712521
  7. #5a1d1a
  8. #441614
  9. #2d0f0d
  10. #170707
  11. #000000

ティント

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

  1. #e14942
  2. #e45b55
  3. #e76d68
  4. #ea807b
  5. #ed928e
  6. #f0a4a1
  7. #f3b6b3
  8. #f6c8c6
  9. #f9dbd9
  10. #fcedec
  11. #ffffff

トーン

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

  1. #e14942
  2. #d74f48
  3. #ce544e
  4. #c45a55
  5. #ba5f5b
  6. #b16561
  7. #a76a67
  8. #9d706d
  9. #937574
  10. #8a7b7a
  11. #808080

読みやすい文字 4.01:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.23:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #7f7f7f 男性の約0.003%
不完全1色覚 #af6d6c 男性の約0.001%
1型2色覚（P型） #746a40 男性の約1.01%
2型2色覚（D型） #9a8b3d 男性の約1.27%
3型2色覚（T型） #f71b49 男性の約0.0001%
1型3色覚（P型弱） #ab5e41 男性の約1.08%
2型3色覚（D型弱） #bb763f 男性の約4.63%
3型3色覚（T型弱） #ef3346 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#e34234 Cinnabar ΔE 2.82 #e34234 Vermilion ΔE 2.82 #fd0e35 Tractor Red ΔE 5.17 #e62020 Lust ΔE 6.04 #cd5c5c Indian Red ΔE 6.51 #cc3333 Persian Red ΔE 6.90 #e30022 Cadmium Red ΔE 7.03 #1eb6bd 反転色 #7f7f7f グレースケール 

Cinnabar
#e14942  rgb(225, 73, 66)  hsl(3, 73%, 57%)  Cinnabar
#42dae1  rgb(66, 218, 225)  hsl(183, 73%, 57%)  Dark Turquoise
#42e149  rgb(66, 225, 73)  hsl(123, 73%, 57%)  Malachite
#4942e1  rgb(73, 66, 225)  hsl(243, 73%, 57%)  Iris