ColorTool
ログイン
#51170A

#51170a ≈ Caput Mortuum

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

#51170aは赤系の色です（明度：とても低い、彩度：中程度）。 RGBでは赤31.76%、緑9.02%、青3.92%で構成され、CMYK印刷ではシアン0%、マゼンタ71.6%、イエロー87.65%、ブラック68.24%を使います。 HSLでは色相角10.99°、彩度78.02%、明度17.84%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は14.22:1（WCAG AAA）です。 最も近い色名はCaput Mortuum（#592720）で、ΔEは5.14です。

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

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

補色

  1. #51170a
  2. #0a4451

分裂補色

  1. #51170a
  2. #0a513a
  3. #0a2051

類似色

  1. #510a20
  2. #51170a
  3. #513a0a

トライアド

  1. #51170a
  2. #0a5117
  3. #170a51

テトラード

  1. #51170a
  2. #44510a
  3. #0a4451
  4. #170a51

スクエア

  1. #51170a
  2. #20510a
  3. #0a4451
  4. #3a0a51

モノクロマティック

  1. #120502
  2. #120502
  3. #51170a
  4. #952a12
  5. #d93e1b

シェード

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

  1. #51170a
  2. #491509
  3. #411208
  4. #391007
  5. #310e06
  6. #290c05
  7. #200904
  8. #180703
  9. #100502
  10. #080201
  11. #000000

ティント

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

  1. #51170a
  2. #622e23
  3. #74453b
  4. #855d54
  5. #97746c
  6. #a88b85
  7. #b9a29d
  8. #cbb9b6
  9. #dcd1ce
  10. #eee8e7
  11. #ffffff

トーン

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

  1. #51170a
  2. #562216
  3. #5a2c22
  4. #5f372d
  5. #644139
  6. #694c45
  7. #6d5651
  8. #72615d
  9. #776b68
  10. #7b7674
  11. #808080

読みやすい文字 14.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #2b2b2b 男性の約0.003%
不完全1色覚 #3d2421 男性の約0.001%
1型2色覚（P型） #282308 男性の約1.01%
2型2色覚（D型） #362f08 男性の約1.27%
3型2色覚（T型） #5a0614 男性の約0.0001%
1型3色覚（P型弱） #3c1e09 男性の約1.08%
2型3色覚（D型弱） #422809 男性の約4.63%
3型3色覚（T型弱） #560f11 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-51170a {
  color: #51170a;
}
背景色
.bg-51170a {
  background-color: #51170a;
  color: #ffffff;
}
枠線
.border-51170a {
  border: 2px solid #51170a;
}
CSS変数
:root {
  --color-primary: #51170a;
  --color-primary-rgb: 81 23 10;
  --color-primary-hsl: 11 78% 18%;
}
グラデーション
.gradient-51170a {
  background: linear-gradient(135deg, #51170a, #513a0a);
}
色付きの影
.shadow-51170a {
  box-shadow: 0 8px 24px rgb(81 23 10 / 0.35);
}

#592720 Caput Mortuum ΔE 5.14 #65000b Rosewood ΔE 6.43 #801818 Falu Red ΔE 9.94 #800000 Maroon ΔE 10.30 #800020 Burgundy ΔE 11.89 #882d17 Kobe ΔE 12.22 #8b0000 Dark Red ΔE 12.27 #aee8f5 反転色 #2b2b2b グレースケール 

Caput Mortuum
#51170a  rgb(81, 23, 10)  hsl(11, 78%, 18%)  Caput Mortuum
#0a4451  rgb(10, 68, 81)  hsl(191, 78%, 18%)  Midnight Green
#0a5117  rgb(10, 81, 23)  hsl(131, 78%, 18%)  Lincoln Green
#170a51  rgb(23, 10, 81)  hsl(251, 78%, 18%)  Midnight Blue